国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > line-height属性要放在font属性之后才能生效

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

来源:程序员人生   发布时间:2014-07-11 15:41:12 阅读次数:6081次
      今天在做一个网站的时候,出现了个奇怪的现象,line-height属性一直不生效,我明明设置了line-height=30px,可是,显示的效果还是默认的。
代码如下:
  1. <style>  
  2. .aa{ height:30px;line-height:30px;font:12px Arial;width:500pxbackground:#CCECEC; }  
  3. .aa span{ float:right;}  
  4. </style>  
  5. <body>  
  6. <div class="aa" style="">这里是测试内容</div> 

显示效果如下:

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

  1. <style>  
  2. .aa{ height:30px;font:12px Arial;width:500pxbackground:#CCECEC;line-height:30px; }  
  3. .aa span{ float:right;}  
  4. </style>  
  5. <body>  
  6. <div class="aa" style="">这里是测试内容</div> 

这样就显示正常了

 

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生