css_ch等宽字体单位

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

等宽字体

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

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

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

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

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

• 在字体为等宽字体的情况下，一个汉字的宽度为2ch，上面图中div的宽度是10ch

css_ch等宽字体单位

原文：https://www.cnblogs.com/isXianYue/p/14856037.html