如何根据字体大小计算字符宽度。答案

【问题标题】：How to calculate character width from font size.如何根据字体大小计算字符宽度。
【发布时间】：2017-10-08 01:09:30
【问题描述】：

我正在尝试计算适合 div 一行的字符数并修剪其余部分，尽管text-overflow 是一个选项，我宁愿计算适合它的字符串的长度。一个字符的字体大小是否几乎等于它的宽度，如果不是，你如何计算它的宽度，包括文本间距和空白的宽度。

附： - 在标记这个问题之前，请知道我已经浏览了大部分问题和答案，但没有一个是令人满意的。

【问题讨论】：

是否使用measureText 选项？
@Scott 我没有使用画布。文本位于div。
how to calculate width and height of each character in a span的可能重复

【解决方案1】：

我会这样做的一种方法是检查 div 中是否有足够的空间。为此，您需要创建一个相同的 div 并从克隆的 div 中缓慢删除一个字符，直到原始 div 大于或等于克隆 div 的宽度。

divClone.textContent = text
document.body.appendChild(divClone)
while(divClone.clientHeight > originalDiv.clientHeight) {
    divClone.textContent = divClone.textContent.substring(0, divClone.textContent.length-1)
}
originalDiv.textContent = divClone.textContent

完成后，您可以删除克隆的 div

【讨论】：