css中有什么等宽字体

这篇文章主要介绍了css中有什么等宽字体,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联建站专注于企业成都全网营销推广、网站重做改版、惠安网站定制设计、自适应品牌网站建设、H5高端网站建设商城系统网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为惠安等各大城市提供网站开发制作服务。

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

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

1. 问题来源

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

css中有什么等宽字体

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

css中有什么等宽字体

Answer: 使用等宽字体

2. 什么是等宽字体

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

css中有什么等宽字体

3. 等宽字体有哪些

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

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

感谢你能够认真阅读完这篇文章,希望小编分享的“css中有什么等宽字体”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享名称:css中有什么等宽字体
转载注明:http://ybzwz.com/article/gsjsej.html