Как разместить текст и соответствующий размер в пределах изменяемого размера div ..?

Question

У меня есть resizable div с некоторым текстом. При изменении размера div, последний текст строки выходит из div. Как подогнать весь текст в пределах resizable div, сохранив соответствующий размер шрифта.?

Пример кода

resize: function(e, ui) 
{ 
    var newDiagonal = getContentDiagonal(); 
    var ratio = newDiagonal/initDiagonal; 

    $("#content").css("font-size", initFontSize + ratio * 3); 
} 

Ниже изображение показывает проблему

код link в Jsfiddle ..!

Answer 1

Ответ довольно простой на самом деле. Я видел в своей скрипке, что вы сделали следующее:

#content { font-size: 16; overflow: hidden; } 

Вместо применение переполнения на ваш CSS для #content, я применил следующее, и она работала как для заголовка виджета и содержания:

#resizeable { width: 150px; height: 150px; overflow: hidden; } 

Для того, чтобы переполнение работало правильно, вы должны иметь элемент уровня блока, который по умолчанию уже имеет элемент div, и вы также должны указать значение высоты, которое у вас есть. Является ли это ответом на ваш вопрос?