我
什么是基线和 x-height?
难度:
字母 x 的下边缘(线)就是我们的基线。
x-height 指的就是小写字母 x 的高度,术语描述就是基线和等分线(meanline)(也称作中线,midline)之间的距离。在 CSS 世界中,middle 指的是基线往上 1/2x-height 高度。我们可以近似理解为字母 x 交叉点那个位置。
ex 是 CSS 中的一个相对单位,指的是小写字母 x 的高度,没错,就是指 x-height。ex 的价值就在其副业上不受字体和字号影 响的内联元素的垂直居中对齐效果。内联元素默认是基线对齐的,而基线就是 x 的底部,而 1ex 就是一个 x 的高度。