Javascript 是否可以根据div宽度自动设置字母间距？

我有一个fluid width网站，我计划在其中放置一些文本

。这个想法是

<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>

此处的第一行文本
第二行文字在这里。但是相当长
第三行在这里。没有那么长

---

我需要显示所有三行，使其看起来像一个对齐的字母，方法是根据内部内容和外部可用宽度动态添加字母间距。

我建议您尝试一下。为这些行指定三个不同的类，即第一行、第二行和类似的第三行

---

然后为类编写css。对于第一行，保持字母间距为所需。类似地，你也可以为另外两行指定字母间距。

你可以用JavaScript计算文本的宽度，然后计算所需的字母间距，并将其相加。请注意，这将像对待任何其他字符一样对待单词空间，因此添加的间距越大，单词之间的距离就越近。结果在其他方面也会在排版上受到质疑：如果字母间距过大，单词看起来就不好看

---

如果只需要一点间距，通常最好添加单词间距，对于某些浏览器（不是Chrome浏览器），您可以使用

文本最后对齐：justify

。你可以考虑使用另外的<代码>文本校对：报纸，因为它可以在字母之间添加部分间隔，而不只是在单词之间。请参阅。

此想法仅适用于固定宽度的外部

。该任务用于流体布局。外部

的宽度是动态的，取决于屏幕分辨率。Chrome和Firefox。甚至连JSFiddle.Checked都在internetexplorer中。很好！！正如我所写的，

text align last

在Chrome上不起作用。在Firefox上，它从版本12开始工作。除了使用Jquery的CSS之外，还有其他跨浏览器解决方案吗？这是重复的，下面是一个解决方案：