在站点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://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生成的代码,用户有时会在文本大小之前选择背景色
只需继承上一个跨度的背景
<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/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句