Calcula cuántos personajes pueden caber en DIV con JavaScript

¿Alguien sabe cuál sería el mejor método para calcular cuántos caracteres pueden caber dentro de un bloque DIV en HTML usando JavaScript?

Cualquier consejo sería de gran ayuda.

Podrías agregar iterativamente tus personajes a un div oculto y verificar el ancho de eso. No estoy seguro si hay una mejor manera.

Edit: Algo como esto:

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; } }  
    Intereting Posts