等宽字体(英文&数字&符号)

1. 问题来源

项目中有个textarea需要输入大量字符,效果如下图。其中每行都有换行符。且每行字符数相同。

CSS 等宽字体有哪些

其实每行字符数相同,显示不够友好,末尾没对齐, 想要如下效果,末尾对齐。

css 等宽字体有哪些

Answer: 使用等宽字体

2. 什么是等宽字体

等宽字体指的是在同样的font-sieze下每个字符占据的宽度一样。东方的方块字通常是等宽的,英文字符不一定,比如:

css 等宽字体有哪些

3. 等宽字体有哪些

等宽字体宽度较大,看起来更舒适。通常用来展示程序源码等。常用的等宽字体有

Menlo, Monaco, 'Courier New', monospace等。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。