使用JavaScript计算DIV可以容纳多少个字符

有人知道使用JavaScript计算HTML中DIV块中可以容纳多少字符的最佳方法吗

---

任何建议都会大有帮助。

您可以迭代地将字符添加到隐藏的div中，并检查其宽度。不确定是否有更好的方法

编辑：类似这样的内容：

var targetWidth = document.getElementById('DivToCheck').clientWidth;
var stringToFit = 'abcdefghijk';
var numChars = 0;
for(var i=0; i < stringToFit.length; i++)
{
   document.getElementById('hiddenDiv').innerHTML += stringToFit.charAt(i);
   if (document.getElementById('hiddenDiv').clientWidth > targetWidth)
   {
       numChars = i - 1;
       break;
   }
}

<div id="hiddenDiv" style="visibility: hidden; width: auto;"></div>

var targetWidth=document.getElementById（'DivToCheck'）.clientWidth；
var stringToFit='abcdefghijk'；
var numChars=0；
对于（var i=0；itargetWidth）
{
numChars=i-1；
打破
}
}

div是否具有预定义的宽度？是否要限制进入div的字符数，或者如果内容超出div的承受范围，是否要检查并向用户标记消息？如果试图截断字符串以适应div，则应考虑更好的替代方法，例如CSS3属性文本溢出，IE6+和大多数现代浏览器都支持它。请记住以下几点：1。隐藏的div将影响页面的布局，因此应该有位置：绝对；二,。隐藏的div需要与div的字体样式匹配以进行检查（例如字体系列、字体大小、字体重量等）。