css – 我应该避免使用“text-align:justify;”吗?

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

它降低可读性还是导致问题?

解决方法

首先,这纯粹是一个与设计相关的问题和解决方案。网格的设计指定是否需要调整文本。我认为单独对齐对可用性没有重大影响。坏的排版使文本难以辨认是什么降低了可用性。也就是说,确保你有坚实的对比度和你的类型间的平衡。字体大小也很重要。

This site是在线证明文本的成功尝试。因为你不能像使用InDesign那样用CSS来控制字母和单词之间的空格,所以很难证明文本是正确的,而没有空格的“河流”沿你的行运行,这发生在单词之间的空格超过线之间的间距。使得文本难以理解的事情:长字,行宽不足够的单词,以及文本和背景颜色之间太多的对比度;他们使河流显得更宽,更明显。

印刷的理想是有一个平均的文本块,其中如果你斜视文本块变成一个统一的固体阴影。因此,如果你在白色背景上保持文本大约10px和60%灰色,并且有大约20个字的行,对齐不应该看起来丑陋。但请记住,这不会提高可用性。小的,相对轻的文本恼怒许多人,特别是老读者。

我应该注意,与& shy; (软连字)正确分离长的麻烦的话像superawesome你可以模仿适当的排版(例如InDesign)。有很多东西在那里,以帮助你这样做。我会推荐隐藏,操作和显示在客户端完成的文本的逻辑,可能与this

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效