如何在可調整大小的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);
}

下圖顯示了問題

Jsfiddle中的代碼鏈接 ..！

Answer 1

答案實際上很簡單。 我在您的小提琴中看到您執行了以下操作：

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

我沒有將溢出內容應用於您的CSS上的#content，而是應用了以下內容，它對小部件標題和內容均有效：

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

只是為了使溢出正常工作，您必須具有一個塊級元素，默認情況下div元素已經是該元素，並且還必須指定一個具有的高度值。 這是否回答你的問題？