css_ch等宽字体单位

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

等宽字体

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

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

css_ch等宽字体单位

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

css_ch等宽字体单位

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

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

css_ch等宽字体单位

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

css_ch等宽字体单位

上一篇:Node.js之Path模块中的常用方法


下一篇:DataX、sqoop抽取TDSQL数据库中数据报Timeout的问题