- <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广告调用方法总结