CSS 中的文本相关属性（line - height、font、letter - 属性、text - 属性）

目录

非 VIP 用户可前往公众号回复“css”进行免费阅读

line - height属性

字号与行高的取值约定

行高与盒子高度的关系

font、letter -属性 、text -属性

font属性

letter -属性

text - 属性

---

非 VIP 用户可前往公众号回复“css”进行免费阅读

line - height属性

---

字号与行高的取值约定

        为确保字在行内严格居中，工程师们通常约定行高和字号采用偶数取值。这是由于当二者差值为偶数时，该差值能够被2整除，有助于精确控制文本的垂直对齐。

行高与盒子高度的关系

        单行文本垂直居中：当行高等于盒子的高度时，可以实现单行文本在盒子内垂直居中。

        示例代码如下：

        css:

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