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

下图显示问题

ForeignKey.validate

Jsfiddle中的代码 ..！

Answer 1

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

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

我没有将溢出应用于#content的css，而是应用了以下内容，它适用于小部件标题和内容：

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

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