如何最好地避免网页排版中的ragged edged text?如何避免网页排版中衣衫不整的文字?
除使用text-align: justify
之外,是否有任何常见解决方案?
我想提高我的网站的可读性,但我的母语中的词语相当长(与英语相比),这导致经常出现不愉快类型的脸。不过,我不想证明我的文字是正确的。是否有任何其他属性(例如字母间距)可以用CSS解决,以改善整体视觉吸引力和文字包装?
如何最好地避免网页排版中的ragged edged text?如何避免网页排版中衣衫不整的文字?
除使用text-align: justify
之外,是否有任何常见解决方案?
我想提高我的网站的可读性,但我的母语中的词语相当长(与英语相比),这导致经常出现不愉快类型的脸。不过,我不想证明我的文字是正确的。是否有任何其他属性(例如字母间距)可以用CSS解决,以改善整体视觉吸引力和文字包装?
我想提高我的网站
的可读性,那么你一定要离开抹布原样。碎布是由于单词不完全相同的长度造成的,所以每一行文本在相对于它自身的正确间隔时不会与任何其他行的宽度完全相同。
Justfying text looks不错,但不一定会提高可读性。事实上,当线条变化足够大时,它会引起问题,导致在某些情况下(在窄列的报纸中常常会出现这种情况)在单词之间或甚至字母之间引入巨大间距。
实际上只有两种方法可以将粗糙的文本推得更合理。你提到的一个是text-align: justify
。这是自动化的,您可以在浏览器的摆布下,根据调整间距,逐行制作最好的电话。如果你的平均线有80个字符,这个选项比平均线只有20个字符更好。
另一种选择是明智地使用连字的单词。 CSS3提供了一些帮助。请参阅:Is it possible to enable auto-hyphenation in HTML/CSS?
唉,连字符也会导致可读性问题。
(顺便提一句,这个问题会更好地服务于graphicdesign.se)