css_ch等宽字体单位

今天写字符打印DEMO时注意到了ch这个单位,经查询它是等宽字体相对于数字0的大小,1ch就是0的宽度。3ch宽的div就只能装下三个0.

等宽字体

等宽字体(monospaced font)是指字符宽度相同的电脑字体。东亚语言中,方块字基本上都作为等宽字体处理,如各个地区的汉字、日语假名的全形字符、韩语谚文音节等字符都是等宽的。

monospace字体下等宽字体ch单位示例

  • 图片中的这个div的宽与高都是5ch。

  • 将字体大小调整为100px,div的宽高依旧维持在3ch,可以看到宽高与字体大小呈线性关系。

需要注意的是1ch与0的高度是没有关系的。

  • 在字体为等宽字体的情况下,一个汉字的宽度为2ch,上面图中div的宽度是10ch
posted @ 2021-06-06 18:38  Syinho  阅读(522)  评论(0编辑  收藏  举报