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

如果我制作跨度内嵌块，背景颜色将在整个框中

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/

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

1 个答案: