小編給大家分享一下css line-height值為150%或1.5值有哪些區別，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

為濱州等地區用戶提供了全套網頁設計制作服務，及濱州網站建設行業解決方案。主營業務為成都網站制作、成都網站設計、外貿營銷網站建設、濱州網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

這是一個小小的不經意的問題，但是卻常常被一些面試官提起。一般都會一下子進入懵逼狀態，那讓我們來看看區別在哪里？

我先新建一個html,代碼如下：

<p style="line-height:150%;font-size:16px;">
  　　　　　　　　 父元素內容
  　　　　　　　　
  <p style="font-size:30px;">
    　　　　　　　　Web前端開發<br/>
    　　　　 　　　line-height行高問題
    　　　　　　　　
  </p>
</p>

下圖是當line-height:150%的效果，父元素的行高為150%時，會根據父元素的字體大小先計算出行高值然后再讓子元素繼承。所以當line-height:150%時，字元素的行高等于16px * 150% = 24px：

下圖是當line-height:1.5em的效果，父元素的行高為150%時，會根據父元素的字體大小先計算出行高值然后再讓子元素繼承。所以當line-height:1.5em時，子元素的行高等于16px * 1.5em = 24px：

下圖是當line-height:1.5的效果，父元素行高為1.5時，會根據子元素的字體大小動態計算出行高值讓子元素繼承。所以，當line-height:1.5時，子元素行高等于30px * 1.5 = 45px：

看完了這篇文章，相信你對css line-height值為150%或1.5值有哪些區別有了一定的了解，想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

分享文章：cssline-height值為150%或1.5值有哪些區別-創新互聯
本文地址：http://vcdvsql.cn/article38/ppesp.html

成都網站建設公司_創新互聯，為您提供電子商務、商城網站、做網站、企業網站制作、營銷型網站建設、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯