0

我希望我能很好地解释这一点。

我正在制作一个 Tumblr 主题，并且正在设置帖子标题，如果它太长，文本不会溢出到第二行。我想让文本在到达父级边缘时变小，而不是掉入新行或被截断。

我尝试了 fittext.js 和 bigtext.js，但我都无法工作。而且我不认为它们会为我想要的工作，因为 fittext.js 似乎是更具响应性的文本，而 bigtext.js 总是使文本与父级的宽度相同，这不适用于我想要的。

有谁知道我可以做到这一点？我是 Javascript 的菜鸟，所以在回复时请记住这一点。;D

4

1 回答 1

1

第一步是阻止断线：

white-space:nowrap;

然后，您需要允许滚动：

overflow:hidden;

现在您可以访问scrollWidth. 如果它大于offsetWidth，则文本太大。

您可以一次将文本缩小一个字体大小单位（可以是 0.1em、1px、1pt ......任何你想要的）。重复此步骤，直到scrollWidth小于或等于offsetWidth。达达！

于 2012-12-18T21:48:10.197 回答