1.?給你個數，孩子自己算吧??line-height:1.5

父元素設置line-height:1.5會直接繼承給子元素，子元素根據自己的font-size再去計算子元素自己的line-height。

?

?

2.老子說多大就是多大??line-height:150%

父元素設置line-height:150%是計算好了line-height值，然后把這個計算值給子元素繼承，子元素繼承拿到的就是最終的值了。

此時子元素設置font-size就對其line-height無影響了。

?

例1：當line-height:1.5?時：

?

body{ font-size:14px; line-height:1.5; }

h1{ font-size:26px; }

實際結果為：

body的行高為14*1.5=21px

h1的行高為26*1.5=39px

?

例2：當line-height:150%?時：

?

body{ font-size:14px; line-height:150%; }

h1{ font-size:26px; }

實際結果為：

body的行高為14*150%=21px

h1的行高為直接繼承body的行高，為21px

?

?

轉載地址：

http://www.cnblogs.com/mguo/p/3161277.html

轉載于:https://www.cnblogs.com/yzhihao/p/9390760.html

總結

以上是生活随笔為你收集整理的line-height:1.5和line-height:150%的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。