10

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

4

3 回答 3

21

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

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

为了获得良好的质量,您可能需要手动控制连字符,例如,&shy;在可能被连字错误的单词中使用软连字符 ( )。

于 2012-03-01T06:57:58.820 回答
4

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

您可能想使用类似http://code.google.com/p/hyphenator/

于 2012-03-01T05:59:57.027 回答
1

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

对浏览器内置连字符的支持是不可靠的,其支持的改进是值得怀疑的。

于 2012-03-01T06:03:59.957 回答