Определите, сколько символов может поместиться в DIV с помощью JavaScript - PullRequest
Новая
       22

Определите, сколько символов может поместиться в DIV с помощью JavaScript

2 голосов
/ 04 августа 2010

Кто-нибудь знает, как лучше всего определить, сколько символов может поместиться в блоке DIV в HTML с помощью JavaScript?

Любой совет очень помог бы.

1 Ответ

2 голосов
/ 04 августа 2010

Вы можете итеративно добавлять своих персонажей в скрытый 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>
...