您当前位置：首页 > web前端 > htmlcss > line-height属性要放在font属性之后才能生效

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

来源：程序员人生发布时间：2014-07-11 15:41:12 阅读次数：6112次

今天在做一个网站的时候，出现了个奇怪的现象，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广告调用方法总结

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点