如何在可调整大小的 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 中的代码 link..！

Answer 1

答案其实很简单。我在你的小提琴中看到你做了以下事情：

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

我没有将溢出应用到#content 的CSS，而是应用了以下内容，它对小部件标题和内容都有效：

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

请注意，为了让溢出正常工作，您必须有一个块级元素，默认情况下 div 元素已经存在，并且您还必须指定您拥有的高度值。这回答了你的问题吗？