[css] 說(shuō)下line-height三種賦值方式有何區(qū)別？

line-height 可以有帶單位及不帶單位的寫(xiě)法（感覺(jué)其實(shí)是兩種）。div{line-height: 24px;line-height: 1.5;line-height: 1.5em;line-height: 150%; }對(duì)于應(yīng)用在單個(gè)元素上，這幾種寫(xiě)法的效果都是一樣的（除了 px 需要一些計(jì)算）。但由于 line-height 是可以被繼承的，因此會(huì)影響內(nèi)部子元素的 line-height。簡(jiǎn)單的可以總結(jié)為：帶有單位的 line-height 會(huì)被計(jì)算成 px 后繼承。子元素的 line-height = 父元素的 line-height * font-size （如果是 px 了就直接繼承）而不帶單位的 line-height 被繼承的是倍數(shù)，子元素的 line-height = 子元素的 font-size * 繼承的倍數(shù)

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] 说下line-height三种赋值方式有何区别？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。