css 等宽字体有哪些

藏色散人
藏色散人原创
2021-01-05 10:53:045043浏览

css等宽字体有Menlo、Monaco、Courier New、monospace等,其等宽字体指的是在同样的font-sieze下每个字符占据的宽度一样。

本教程操作环境:windows7系统、css3版本,Dell G3电脑。

相关推荐:《css视频教程

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

1. 问题来源

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

ad6107a6acf0305997aba30df8350a0.png

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

e93a47229c0669db14b504cfb826566.png

Answer: 使用等宽字体

2. 什么是等宽字体

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

5ee750830f3ab0c5a6877e0693c759f.png

3. 等宽字体有哪些

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

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

以上就是css 等宽字体有哪些的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。