javascript - 确定给定宽度的每行字符数（基于字体大小、字体系列）

Question

有没有一种方法可以根据 , 等参数确定给定宽度的每行字符div数？请为此提供跨浏览器解决方案或先机。font-sizefont-family

注意：我有一个宽度可变的文本区域，因此限制每行的字符数或涉及列和行的解决方案不是我正在寻找的解决方案。

Answer 1

除非您在谈论 monospace* 字体，否则如果不考虑相关的特定文本，这个答案是不可知的。作为一个基本示例，请注意以下之间的区别：

• 10 MONOSPACE X's XXXXXXXXXX
• 10 MONOSPACE I's IIIIIIIIII
• 10 VARIABLE X's_XXXXXXXXXX
• 10 VARIABLE I's_IIIIIIIIIIII

使用可变宽度*字体，相同数量的字符，相同字体，可能是两个不同的宽度。（由此得名）

*术语“等宽”、“固定宽度”、“固定间距”或“非比例”字体是一种字体，其每个字符占用相同数量的水平空间。相反，“比例”或“可变宽度”字体包含的字符的宽度可能会占用不同数量的水平空间。