對line-height 的理解及其賦值方式
2022-09-15 11:20 作者:網(wǎng)星軟件 | 我要投稿
對line-height 的理解及其賦值方式
(1)line-height 的概念:
1.line-height 指一行文本的高度,包含了字間距,實(shí)際上是下一行基線到上一行基線距離;
2.如果一個標(biāo)簽沒有定義 height 屬性,那么其最終表現(xiàn)的高度由 line-height 決定;
3.一個容器沒有設(shè)置高度,那么撐開容器高度的是 line-height,而不是容器內(nèi)的文本內(nèi)容;
4.把 line-height 值設(shè)置為 height 一樣大小的值可以實(shí)現(xiàn)單行文字的垂直居中;
5.line-height 和 height 都能撐開一個高度;
(2)line-height 的賦值方式:
1.帶單位:px 是固定值,而 em 會參考父元素 font-size 值計算自身的行高
2.純數(shù)字:會把比例傳遞給后代。例如,父級行高為 1.5,子元素字體為 18px,則子元素行高為 1.5 * 18 = 27px
3.百分比:將計算后的值傳遞給后代
標(biāo)簽: