程序员人生网站导航

line-height属性要放在font属性之后才能生效

栏目：htmlcss时间：2014-07-11 15:41:12

今天在做一个网站的时候，出现了个奇怪的现象，line-height属性一直不生效，我明明设置了line-height=30px，可是，显示的效果还是默认的。
代码如下：

<style>

.aa{ height:30px;line-height:30px;font:12px Arial;width:500px; background:#CCECEC; }

.aa span{ float:right;}

</style>

<body>

<div class="aa" style="">这里是测试内容</div>

显示效果如下:

这个显示很明显line-height属性没有生效，怎样处理这个问题呢
是因为line-height属性要放在font属性之后才能生效，将line-height属性放在font属性后面就可以了
代码如下：

<style>

.aa{ height:30px;font:12px Arial;width:500px; background:#CCECEC;line-height:30px; }

.aa span{ float:right;}

</style>

<body>

<div class="aa" style="">这里是测试内容</div>

这样就显示正常了

------分隔线----------------------------

上一篇 360浏览器css样式不兼容分析

下一篇 ecshop广告调用方法总结

------分隔线----------------------------