javascript - JavaScript缩放文本以适合固定Div

在JavaScript/jQuery中，如何缩放固定宽度Div内的可变长度文本行，以使一行始终适合Div内(作为一行)？

谢谢。

最佳答案

这有点骇人听闻，但可以满足您的要求。

<div id="hidden-resizer" style="visibility: hidden"></div>

将其放置在页面底部，该位置将不会移动页面上的其他元素。

然后执行以下操作:

var size;
var desired_width = 50;
var resizer = $("#hidden-resizer");

resizer.html("This is the text I want to resize.");

while(resizer.width() > desired_width) {
  size = parseInt(resizer.css("font-size"), 10);
  resizer.css("font-size", size - 1);
}

$("#target-location").css("font-size", size).html(resizer.html());

关于javascript - JavaScript缩放文本以适合固定Div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4165836/