<span>字体大小的背景</span>

Question

在网站bbcode文本背景和大小输出中，像这样

<span style="background: #ff0000;">

text size normal

<br></br>
<br></br>
<span style="font-size: 250%">

    text size big

</span>
<br></br>
<br></br>

</span>

问题是背景将不适合文本大小

http://jsfiddle.net/fr3wA/

http://img11.imageshack.us/img11/7199/sdpm.png

如果我使span内联块，则背景色将位于整个框上

http://img31.imageshack.us/img31/323/d3t5.png

我知道如果我这样放置样式，背景颜色将适合文本

<span style="background: #ff0000;">

text size normal

<br></br>
<br></br>
<span style="style="background: #ff0000;"font-size: 250%">

    text size big

</span>
<br></br>
<br></br>

</span>

我的问题是从php bbcode生成的代码，用户有时会在文本大小之前选择背景色

Answer 1

只是继承前一个范围的背景

<span style="background: #ff0000;">

text size normal

<br /><br />
<br /><br />
<span style="font-size: 250%; background: inherit;"> <!-- inherit the background -->

    text size big

</span>
<br /><br />
<br /><br />

在这里查看其工作原理： http ： //jsfiddle.net/fr3wA/3/