​line-height：150%和​line-height：1.5有什么区别

Answer 1

你好：

Line-height:1.5与Line-height:150%的本质区别

1.5与150%数值貌似相等，但利用在CSS样式中却有天壤之别，以前从来没有注意过这类的问题，但这却是一种致命的错误，在这里分享给大家，希望有所帮助。

Html:

<div id=”div1″>
<div id=”div2″>勤能补拙，积累从菜鸟到大神的必要条件</div>
</div>

CSS:

1.#div1{  width:600px; height:200px; background:#0e0;font-size:14px; line-height:1.5;  }
#div2{ width:600px; background:#e00;font-size:26px; }

实际的算法

#div1{ line-height:21px; /* 14px*1.5=21px */ }  #div2{ line-height:39px; /* 26px*1.5=39px */ }

2.#div1{  width:600px; height:200px; background:#0e0;font-size:14px; line-height:150%;}
#div2{ width:600px; background:#e00;font-size:26px; }

实际的算法

#div1{ line-height:21px; /* 14px*150%=21px */ }      #div2{ line-height:21px; }

望采纳！