确定给定宽度的每行的字符数(基于font-size, font-family)

Determine the number of characters per line given a width (based on font-size, font-family)

本文关键字：font-size 基于 font-family 字符      更新时间：2023-09-26

是否有一种方法可以根据font-size, font-family等参数确定给定div宽度的每行字符数?请给出一个跨浏览器的解决方案或关于这方面的领先优势。

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

除非您谈论的是monospace*字体，否则如果不考虑所讨论的特定文本，这个答案是不知道的。作为一个基本示例，请注意以下两者的区别:

  • 10 MONOSPACE X's XXXXXXXXXX
    • 10 MONOSPACE I's IIIIIIIIII
  • 10 VARIABLE X's_ xxxxxxxxxx
  • 10 VARIABLE I's_ iiiiiiiiiii

对于可变宽度*字体，相同数量的字符，在相同的字体，可能是两个不同的宽度。(因此得名)

*术语"monospace"，"fixed-width"，"fixed-pitch"或"non-proportional"字体，是指每个字符占用相同数量的水平空间的字体。相反，"比例"或"可变宽度"字体包含的字符的宽度可能占用不同的水平空间。

相关文章：