我应该避免使用"text-align: justify;“吗？

Question

有什么理由要避免使用text-align: justify;吗？

它是否降低了可读性或造成了问题？

Answer 1

首先，这纯粹是一个与设计相关的问题和解决方案。网格的设计指定是否需要对齐文本。我认为justify单独对可用性没有重大影响。使文本难以辨认的糟糕的排版降低了可用性。也就是说，要保证字体的对比度和间距的平衡。字体大小也很重要。

This site是在线证明文本正当性的一次成功尝试。由于CSS不能像InDesign那样控制字母和单词之间的空格，因此很难对文本进行对齐，而不是让“河流”中的空格顺行流过，当单词之间的空格超过行之间的空格时就会发生这种情况。使对齐文本变得困难的因素:长单词、行宽无法容纳足够的单词、文本和背景颜色之间的对比度太大；它们使河流看起来更宽、更明显。

排版的理想是有一个均匀的文本块，如果你斜视文本块，文本块就会变成统一的实心阴影。因此，如果您在白色背景上保持文本大约10px和60%灰色，并且有适合大约20个单词的行，调整对齐看起来不应该很难看。但请记住，这对提高可用性毫无帮助。小，相对较轻的文本惹恼了很多人，特别是年龄较大的读者。

我应该指出的是，使用­ (软连字符)可以正确地分隔像InDesign这样的长而麻烦的单词，您可以模仿正确的排版(例如，soft)。有很多东西可以帮助你做到这一点。我建议在客户端使用隐藏、操作和显示文本的逻辑，也许可以使用this。

编辑：正如其他人在下面提到的，css hyphens现在是可能的，除了不可行(不是在Chrome中)。另外，css4 offers even more control。

Answer 2

目前浏览器中的text-align: justify shouldn't be used。它们不擅长处理内部的细微细节，输出结果包含许多河流，并且不支持hyphenation (除了软连字符)。

上面的注释是4.5年前写的。一切都在慢慢地改变。http://caniuse.com/#feat=css-hyphens

编辑：Hyphenator在这个答案的评论中引起了我的注意。它看起来使文本对齐调整值得使用，请查看使用它的网站。在使用此脚本之前，您可能希望使用javascript来应用文本对齐调整，这样那些没有javascript的用户就不会被发现。

编辑2: CSS现在允许具有hyphens属性[browser support]的hyphenation。PPK现在对add it to your stylesheets说，而Eric Meyer说just add it for mobile。

编辑3：A good little overview of things available to of，有点粗鲁。

Answer 3

其他人提出的关于对齐的问题在窄列中更为普遍。如果您的列相对于字体和其他参数的大小足够宽，则可以对齐文本。假设您希望每行平均至少有12到15个单词。越多越好。