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

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

來源：程序員人生發布時間：2014-07-11 15:41:12 閱讀次數：6414次

今天在做一個網站的時候，出現了個奇怪的現象，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關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

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