我有一个流体宽度的网站，我计划在其中放置一些文本 <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>宽度。
最佳答案
您可以在 JavaScript 中计算文本的宽度，然后计算所需的字母间距，并添加它。请注意，这会将单词空间视为任何其他字符，因此添加的间距越多，单词之间的距离就越近。从其他方面来看，结果在排版上也有问题:如果字母间距太大，单词看起来就不好看。
如果只需要一点间距，通常最好添加 word 间距，对于某些浏览器(不是 Chrome)，您可以使用 text-align-last: justify 。您可以考虑另外使用 text-justify: newspaper，因为它可能会将部分增加的间距放在字母之间，而不仅仅是单词之间。参见 jsfiddle .
关于javascript - 有没有根据 div 宽度自动设置字母间距？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14351591/