@Clarke.L 在 行高新单位的简述 中发帖
在以往我们定义行高时,通常使用一个纯数字或者是其他单位来书写。今天,大鹅给大伙介绍一个新的行高单位:lh。lh 代表的是 line height。
[!tip] 画线
1lh 等于当前字体在当前行高下的单行文本高度。
在 0x2:相对单位【CSS in Depth】 中,我们知道可以使用一些相对单位来优化排版。lh 亦复如是。它也有一个相对单位 rlh,rlh 代表的是 root line height,就像 rem 相当于根元素的 em 一样。
[!tip] 敲黑板
1rlh 单位相当于根元素的一行高度。
知道了定义,我们再看一下使用方法,它和之前是一样的
[!note] 使用说明
p { margin-block: 1lh; }
这样在块方向上的边距就会以当前行高为单位,也就是段间距为一行的高度。
[image]
左侧是 1em,右边是 1lh。
兼...