javascript - 具有固定高度和大文本的 Div

Question

我有一个带有固定高度和大文本的 div。例如:http://jsfiddle.net/gEjTz/我想重新调整文本以显示在此 div 中。这个怎么做？谢谢!

<div style="height: 20px; border: 1px solid black;">
    <span style="display: inline-block; font-size: 50px;">This is my text that I want to fit ssssssssssssssssssssssssssssssss s</span>
</div>
$(function() {
    var span = $('span');
    var fontSize = parseInt(span.css('font-size'));

    do {
        fontSize--;
        span.css('font-size', fontSize.toString() + 'px');
    } while (span.height() >= 20);
});

Answer 1

不知道你是否想保留那个 span ...我将它设置为在没有那个的情况下工作......抱歉，如果你需要它

使用来自 Check with jquery if div has overflowing elements 的想法，我已经设置了这个 jsfiddle为你。

您只需要检查是否触发了元素溢出，并在发生这种情况时减小font-size。

但为了用户着想，我建议您保持字体大小不变，并将 overflow: auto; 添加到父级 div