标签 javascript html css
<分区>
一位设计师做了一个非常漂亮的设计，但我很难应用。它适用于 Wordpress 帖子标题，因此它应该适用于任何文本。
所以在我拒绝她的想法之前，我会检查一下 :)。
标题应该是多行的，每行一个或多个单词。行将根据给定的算法使用 PHP 拆分，该算法将字符计数为尽可能均匀的行，如下所示:
<h1>
<span>Lorem Ipsum</span>
<span>Dolor Sit</span>
</h1>
应调整每一行的font-size，使其宽度等于h1 框的全宽(固定)。此外，还将使用一些负值 line-spacing。它应该看起来像这样:
我可以负担得起在这上面使用 CSS3 和 JS。
最佳答案
我在尝试了几个效果不佳的插件后发布了这个问题。但后来我尝试了 BigText .
HTML
<h1 id="bigtext">
<div>Lorem Ipsum</div>
<div>Dolor Sit</div>
</h1>
CSS
#bigtext {
font-family:'Arial Black', sans-serif;
text-align: center;
width: 400px;
margin: 60px auto;
text-transform: uppercase;
line-height: 0.75;
letter-spacing: -3px;
}
JS
$("#bigtext").bigtext();
这是一个 JFiddle看看它的实际效果。
关于javascript - 多个相同宽度的线多尺寸 HTML 文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26413421/