ex and ch

ex 和 ch 單位,類似于 em 和 rem, 依賴于當前的字體和字體大小。 但是,不同的是,這兩貨是基于字體的度量單位,依賴于設定的字體。

ch 單位通常被定義為數字0的寬度。你可以在Eric Meyers的博客里找到關于它的一些有意思的討論,例如將一個等寬字體的字母”N”的寬度設置為40ch,那么在另一種類型的字體里它卻可以包含40個字母。這個單位的傳統用途主要是盲文的排版,但是除此之外,肯定還有可以應用他的地方。

ex 定義為當前字體的小寫x字母的高度或者 1/2 的 1em。 很多時候,它是字體的中間標志。

ex ch字體單位

前端程序員需要知道的7種新型的CSS長度單位2
x-height; the height of the lower case x

這些單位有很多用途,大部分用于版式的微調。比方說,sup 元素(上角文字標),可以通過position:relative;bottom: 1ex;實現 。類似的方法,你可以實現一個下角文字標。瀏覽器默認的方式是利用
上標和下標特定垂直對齊規則,但是如果你想更細粒度更精確得控制,你可以像下面這樣做:

sup {
   position: relative;
   bottom: 1ex;
}
sub {
   position: relative;
   bottom: -1ex;
}