[css] 說下line-height三種賦值方式有何區別？
line-height 可以有帶單位及不帶單位的寫法（感覺其實是兩種），
div{
line-height: 24px;
line-height: 1.5;
line-height: 1.5em;
line-height: 150%;
}
對于應用在單個元素上，這幾種寫法的效果都是一樣的（除了 px 需要一些計算），但由于 line-height 是可以被繼承的，因此會影響內部子元素的 line-height，簡單的可以總結為：
帶有單位的 line-height 會被計算成 px 后繼承，子元素的 line-height = 父元素的 line-height * font-size （如果是 px 了就直接繼承）
而不帶單位的 line-height 被繼承的是倍數，子元素的 line-height = 子元素的 font-size * 繼承的倍數
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識，放棄很容易，
但堅持一定很酷，歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/263469.html
標籤：其他