2013-04-22 42 views
1

我有一个调整字体大小几类:Internet Explorer 8中忽略关闭span标签,并继续应用样式

.text-tall { 
    font-size: 1.5em; 
} 

.text-small { 
    font-size: .8em; 
} 

当我将类的段落元素

<p class="text-tall">Some text goes here.</p> 

造型按预期工作。当我把它应用到span元素

<p><span class="text-tall">Some text goes here.</span></p> 

调整font-size被应用到页面上的元素下的所有文字,有时会导致逐渐越来越大的文本。

明显的解决方案是总是将类应用于段落元素,但我的段落底部边距相对较大(margin-bottom: 1.5em),所以这样做也会增加边距,这也是我不想要的做。

这似乎只是在IE8和更低的问题。任何建议,将不胜感激!

+2

我从来没有听说过这种情况,除非你在其他地方搞错了其他HTML。你能举一个活生生的例子吗? – 2013-04-22 23:35:08

+5

你有[验证](http://validator.w3.org/)你的html吗?现场示例也有帮助。在我的头顶,这听起来像是兼容模式可能会做的事情。 – 2013-04-22 23:37:56

+0

验证您的HTML!请参阅w3在线验证工具。 – Sparky 2013-04-22 23:46:11

回答

1

感谢您的提示,每个人。在我的functions.php文件中(在WordPress中)发现了一个函数,用于删除结尾</span>标记。

0

尝试在CSS中指定具有跨度的text-tall div。例如,你可以这样做:

.text-tall span { 
font-size: 1.5em; 
} 

您可能还可以做同样的事情与text-small