css text-align文本之间的差距

Question

我有一列文字，我希望尽量减少文字之间的差距。我找到了text-justify，但只有IE支持。

还有其他一些css属性可以让它看起来更好吗？

Answer 1

您可以，left，center，right或justify文字。目前，您的文字是合理的。您可以将文本对齐设置为：

text-align: left;

这将使文本对齐。

Answer 2

在屏幕截图中的一个较窄的列中，text-justify: newspaper会在字母之间创建大的间距。即使在IE上，也没有办法使这样的文本充分合理，没有连字符。

通过使用基于avaScript的连字符（例如Hyphenators.js）并使用hyphens属性（带有前缀版本）备份（用于非JS浏览），几乎可以在所有浏览情境中实现连字符号连接在CSS中也是如此。您还可以将text-justify: newspaper用于IE，但请考虑它是否真的是一种改进。

请参阅demo。

如果您使用text-justify，请在text-justify: distribute之前添加text-justify: newspaper，因为前者已包含在工作草案CSS Text Module Level 3中。

Answer 3

您可以尝试使用负值的word-spacing属性，但是如指定的那样，它取决于浏览器。也就是说，如果您想保留合理的文本，但这会导致更大且不均匀的间隙。你为什么不用text-align: left？

Answer 4

text-align: justify将通过增加单词之间的空格来对齐文本。

如果您向CSS添加hyphens: auto;（需要为每个浏览器添加前缀）。它会在某些行的最后一个单词处添加连字符，同时保留对齐的对齐。

但它只适用于IE 10 +，Firefox 6+和Safari 5.1+，不适用于Chrome或Opera。因此，解决问题的更好方法是增加列宽，并减小字体大小。

阅读本文以获取更多信息：http://skinnywhitegirl.com/blog/web-typography-hyphenation-justification/475/