反正是否根据div宽度自动设置字母间距？

Question

我有一个流畅的网站，我打算在<div>内放置一些文字。这个想法是

<div>FIRST LINE TEXT HERE</div>
<div>THE SECOND LINE TEXT HERE. BUT QUITE LENGTHY</div>
<div>THIRD LINE IS HERE. NOT THAT MUCH LENGTH<div>

我需要将所有三条线显示为合理的字母，方法是根据内部的内容动态添加字母间距，并提供<div>宽度。

Answer 1

您可以在JavaScript中计算文本的宽度，然后计算所需的字母间距，然后添加它。请注意，这会将字空间视为任何其他字符，因此添加的间距越大，单词就会越接近。结果在其他方面也会在印刷方面受到质疑：如果字母间距太大，单词看起来不太好。

如果只需要一点间距，通常最好添加 word 间距，对于text-align-last: justify的某些浏览器（不是Chrome），你可以这样做。您可以考虑另外使用text-justify: newspaper，因为它可能会在字母之间添加部分间距，而不仅仅是单词之间。请参阅jsfiddle。

Answer 2

我建议你尝试这个..给三行提供三个不同的类，即first_line，second_line和类似的third_line

然后为类编写css。对于first_line你保持字母间距为你想要的。同样，你也可以为其他两行提供字母间距。