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

Question

是否有任何理由避免使用 text-align: justify;？

它是否会降低可读性或导致问题？

Answer 1

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

This site是在线证明文本合理性的成功尝试。由于您无法像使用 InDesign 那样使用 CSS 控制字母和单词之间的空格，因此要证明文本的合理性并且不让行中的空白“河流”流淌要困难得多，这发生在单词之间的空格时超过行与行之间的空间。使调整文本变得困难的事情:长单词、行宽不足以容纳足够的单词，以及文本和背景颜色之间的对比太大；它们使河流看起来更宽、更明显。

排版的理想是有一个均匀的文本 block ，如果你眯着眼睛，文本 block 会变成均匀的纯色。因此，如果您在白色背景上将文本保持在大约 10 像素和 60% 的灰色，并且有适合大约 20 个单词的行，则对齐对齐应该不会难看。但请记住，这对提高可用性没有任何帮助。小而轻的文本会惹恼很多人，尤其是年长的读者。

我应该注意到，使用 ­(软断字)正确分隔冗长的麻烦单词，例如 superawesome，您可以模仿正确的排版(例如 InDesign)。有很多东西可以帮助你做到这一点。我建议在客户端完成隐藏、操作和显示文本的逻辑，也许使用 this。 .

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