本文详细解析了CSS中行高(line-height)的概念及其如何影响文本内容的展示方式，包括基线、顶线、中线和底线的概念，以及行高与字体大小之间的关系。
1.基线的简单理解
小写字母x的下端连线的延长线可认为成基线
顶线：f的顶端
中线：基线+ex的一半（x的中间点）
基线：x的下端
底线：g的下端
2.line-height的高度等于基线之间的距离
ex是css的长度单位。1 ex=x-height
x-height示例
行间距=行高-字体大小
ps：也可以尝试选择后截图对比得到行间距、行高的具体数值。
3.行高决定了文本内容的展示方式
line-height的具体数值：
normal：默认值（自动调整合理的行间距，与字体有关）
number：
扫一扫
1770
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
