目錄

非 VIP 用戶可前往公眾號回復“css”進行免費閱讀

line - height屬性

字號與行高的取值約定

行高與盒子高度的關系

font、letter -屬性 、text -屬性

font屬性

letter -屬性

text - 屬性

---

非 VIP 用戶可前往公眾號回復“css”進行免費閱讀

line - height屬性

---

字號與行高的取值約定

        為確保字在行內(nèi)嚴格居中，工程師們通常約定行高和字號采用偶數(shù)取值。這是由于當二者差值為偶數(shù)時，該差值能夠被2整除，有助于精確控制文本的垂直對齊。

行高與盒子高度的關系

        單行文本垂直居中：當行高等于盒子的高度時，可以實現(xiàn)單行文本在盒子內(nèi)垂直居中。

        示例代碼如下：

        css:

<style type="text/css">  
    *{  
        margin: 0;  
        padding: 0;  
    }  
    p{  
        width: 300px;  
        margin:10px;  
        height: 36px;  
        line-height: 36px;  
        font-size: 14px;  
        bor