css_ch等宽字体单位
今天写字符打印DEMO时注意到了ch这个单位,经查询它是等宽字体相对于数字0的大小,1ch就是0的宽度。3ch宽的div就只能装下三个0.
等宽字体
等宽字体(monospaced font)是指字符宽度相同的电脑字体。东亚语言中,方块字基本上都作为等宽字体处理,如各个地区的汉字、日语假名的全形字符、韩语谚文音节等字符都是等宽的。
monospace字体下等宽字体ch单位示例
- 图片中的这个div的宽与高都是5ch。
- 将字体大小调整为100px,div的宽高依旧维持在3ch,可以看到宽高与字体大小呈线性关系。
需要注意的是1ch与0的高度是没有关系的。
- 在字体为等宽字体的情况下,一个汉字的宽度为2ch,上面图中div的宽度是10ch