Question

CSS控制h1文字大小 Ie8有效 ie7失效

如题所述,
我在网站上面使用了h1标签,然后使用 span 括起来.
<span class="kof_h1_normal">
<h1>
控制大小的文字
</h1>
</span>
CSS样式为:
.kof_h1_normal h1 { font-weight: bold; font-size: 12px; padding: 0px; margin: 0px; line-height: 18px; display:inline;}
但是这样写,在火狐 chrome中显示正常.IE8下正常.
在其它的IE版本当中,H1依旧非常大,并且独立占一行.
表示不知道如何解决,求前辈们指点一下.

Answer 1

h1是块级元素，按照web标准是不能放在span当中的。请将h1和span交换位置，然后分别进行控制就好了。如：<h1><span></span></h1>
若按照标准来写就不会有问题了：
h1{
font-weight: bold;
font-size: 12px;
padding: 0px;
margin: 0px;
line-height: 18px;
}

.kof_h1_normal{

//给定样式

}

Answer 2

h1是块级元素
不能放在span里面
如果这么做了有些浏览器会自动纠正这个错误

可以把span改成div