用JavaScript算出DIV可以容纳多少个字符 [英] Work out how many characters can fit into DIV with JavaScript

问题描述

有人知道最好的方法是使用JavaScript找出HTML的DIV块中可以容纳多少个字符吗？

Does anyone know what the best method would be to work out how many characters can fit inside a DIV block in HTML using JavaScript?

任何建议都会有很大帮助。

Any advise would greatly help.

推荐答案

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

You could iteratively add your characters to a hidden div and check the width of that. Not sure if there is a better way.

编辑：类似以下内容：

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>

这篇关于用JavaScript算出DIV可以容纳多少个字符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！