慕莱坞9220042
你好: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; }望采纳!