我应该避免使用“文本alignment:certificate;”?

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

它会降低可读性或导致问题吗?

首先,这纯粹是一个devise相关的问题和解决scheme。 网格的devise指定是否需要certificate文本的正确性。 我认为单独调整对可用性没有重大影响。 糟糕的排版让文字难以辨认,这就降低了可用性。 这就是说,要确保你的types有一个很好的对比和良好的间距平衡。 字体大小也很重要。

这个网站是在线validation文本的成功尝试。 由于您无法像使用InDesign一样控制CSS和字母之间的空格,因此很难certificate文本的正确性,并且不会在您的行中留下空白的“河stream”,这种情况发生在单词之间的空格超过线之间的空间。 事情certificate文本是困难的:冗长的文字,行宽不足以保留文字,以及文本和背景颜色之间的对比度太大; 他们使河stream看起来更宽,更明显。

印刷的理想是有一个均匀的文本块,如果你斜视文本块成为一个统一的固体阴影。 因此,如果您在白色背景上保留大约10px和60%灰度的文本,并且具有大约20个单词的行,则certificatealignment不应看起来很难看。 但请记住,这没有提高可用性。 小的,相对较轻的文字会让很多人感到恼火,特别是老年读者。

我应该注意到, ­ (软连字)正确地分离像superawesome冗长​​的麻烦,你可以模仿正确的排版(如InDesign)。 有很多东西可以帮助你做到这一点。 我会推荐隐藏,操纵和显示客户端文本的逻辑,也许是这样的 。

编辑 :正如其他人提到下面,现在可以使用连字符 ,除了不可行(不在Chrome中)。 另外, CSS4提供更多的控制 。

text-align:justify目前不应该在浏览器中使用。 他们不善于处理内部的细节,输出结束了包含许多河stream,并且不支持连字符 (软连字符除外)。

上面的注释是4.5年前写的。 事情正在慢慢改变… http://caniuse.com/#feat=css-hyphens

编辑:在这个答案的评论中, 连字符引起了我的注意。 它看起来像使文本alignment值得使用,检查使用它的网站。 在使用这个脚本之前,你可能想用javascript来应用text-align justify,这样没有javascript的人就不会被抓到。

编辑2: CSS现在允许与hyphens属性[ 浏览器支持 ] hyphens 。 PPK现在说要把它添加到你的样式表 ,而埃里克迈耶说, 只是把它添加到移动 。

编辑3:现在我们可以使用一些SASS的东西的一个很好的概述 。

其他人提出的关于certificatealignment的问题在窄列中更为普遍。 如果您的字段足够宽,与字体和其他参数的大小相关,那么可以certificate文本是正确的。 假设你想要平均每行最less12到15个字。 越多越好。

没有技术上的理由不 – 这纯粹是一个devise决定。 很多人发现有理由的文本很难阅读,但我想这取决于你的情况。 虽然它对打印效果不错,但是一般的网页浏览器不能对文本的最终输出给予足够的控制,以保证你所提供的内容在某些人的屏幕上看起来不会太糟糕。

你最好的select是避免理由。

我无法想出一个令人信服的理由,为什么不为文本辩护 – 在某个点上,内容的大小和宽度几乎要求它是合理的。 当然,你会遇到由某些字组合组成的内容问题,但在我看来,如果你看到河stream和词语之间的exception大的空间,你完全有不同的问题 – 可读性和清晰度之一。

我会不惜一切代价避免以文本为中心。 我不认为有比业余的网页devise更大的红旗。

我更喜欢左alignment(text-align:left),因为它通常更具可读性。 阅读均匀间隔的单词也更快,所以我听到了。 除非您有使用certificate的文体原因,否则请保持它的左侧,右侧或居中。 特别是对于正文文本,请使用左侧。 (实际上,你希望在另一个方向上(例如希伯来文)想要“向前”的文字…)

像任何网页devise问题…这取决于。 如前所述,正确的文本通常不会在狭窄的栏目中看起来不错。 由于侧栏通常很窄,我build议在侧栏中将其作为一般规则。

对于每行通常推荐的10个单词(或任何数量以上的单词)的正文复制,您可能会得到合理的文本,并且在大多数情况下看起来相当不错,除非您使用了很长时间字和/或string。

我想我已经在StackOverflow上翻了这个网站,但是Jon Tan在他的正文中使用了正确的文本(在文章中),而且99.99%的时间看起来很棒。

没有连字符,不应使用理由。 这是一个基于PHP的连字符库 ,以及这个库的一个端口到一个WordPress插件: wp-Typography 。

我认为在打印上完全可以,但是在大多数Web浏览器上,由于缺less对间距和连字符的精细控制,它很笨拙。 在某些情况下,印刷人员甚至可以在字母间距或字体缩小方面略微发挥作用,因为可以精细地调整页面/列(至less在杂志中)。

呃…不… …!

[认真] WordPress的使用certificate,我认为这是一个非常强大的声明,是否降低可读性…

你也可以使用文字alignment:报纸。 文本alignmentcss标签可以帮助您控制如何包装文本,当你certificate

应该指出的是,Internet Explorer(至less)版本8不会呈现text-align: justify正确。 相反,它被解释为text-align: center

这里是更多的信息: text-align:justify

引起我一些头痛,以找出为什么IE保持中心的东西。 也许这会节省一些人的时间。