我可以使用CSS在行尾用连字词来证明文本的合理性吗?

时间:2012-03-01 05:20:20

标签: css justify hyphenation text-align

我有一个太窄而不能文本对齐的div:justify(间隙太宽),但在右对齐或左对齐时看起来不均匀,因为那时行的末尾有一个很大的间隙。左对齐看起来最好,但我可以使用连字符,就像在书中一样吗?使用CSS?

3 个答案:

答案 0 :(得分:11)

如果您已在HTML中声明了内容语言,则可以使用hyphens: auto,例如使用<html lang=en-US>

浏览器支持仍然有限,但越来越好,请参阅 http://caniuse.com/css-hyphens

为了获得高质量,您可能需要手动控制连字符,例如通过在可能以其他方式连字符错误的单词中使用软连字符(&shy;)。

答案 1 :(得分:3)

连字符取决于语言;你不能在下一行添加溢出的字符,并获得与书中相同的效果。连字规则实际上非常复杂(请参阅http://dictionary2.classic.reference.com/writing/styleguide/division.html),并且您可以正确地执行此操作(例如在书籍中)的唯一方法是手动或通过客户端或服务器端脚本;我非常确定只能使用css来完成。

您可能希望使用http://code.google.com/p/hyphenator/

之类的内容

答案 2 :(得分:1)

对于html中的连字符,有一些javascript程序可以添加文本所需的内容。例如http://code.google.com/p/hyphenator/

对brower buildin连字符的支持是不可靠的,其支持的改进是值得怀疑的。