如何为CSS排列等宽字体的英文和中文字符？
发布于2021-04-13 12:18 阅读(399) 评论(0) 点赞(24) 收藏(2)
我有一个textarea同时包含英文和中文文本的Web应用程序。问题是，我无法使用标准等宽字体（Courier New或Lucida Console）将字母和字符完美对齐：看来中文文本的宽度几乎是英文文本的两倍，但不是2x，而是1.8 x，至少在Windows OS中，就我而言，这看起来很难看，尤其是在文本较长的情况下。
<textarea style="font-family:monospace;"> |
中文字|
123456|
Englis|</textarea>有没有一种简单的方法可以使中文字符比使用CSS的英文字母宽2倍？
解决方案
在您的情况下，该monospace字体不支持汉字，因此使用了（不需要的）后备中文字体，该字体不与您的英文字母“配合” monospace。
此外，尽管font-stretch存在，但您无法使用CSS将字体的字形宽度更改为任何所需的宽度。调整大小或宽度是可行的，但会同时影响中文和英文文本，并且宽度基于空格的宽度。
不幸的是，没有简单的方法。最好的选择是使用等宽字体，并支持汉字，并且汉字的宽度是英文字母的两倍。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/64624/2f0fa8a00afc34e22f1f/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力