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

Walk_
浏览 2244回答 1
1回答

慕莱坞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; }望采纳!
打开App,查看更多内容
随时随地看视频慕课网APP