首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否可以使用CSS对行尾带有连字符的文本进行对齐?

是否可以使用CSS对行尾带有连字符的文本进行对齐?
EN

Stack Overflow用户
提问于 2012-03-01 13:20:20
回答 3查看 17.8K关注 0票数 10

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

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-01 14:57:59

如果你已经在超文本标记语言中声明了内容语言,你可以使用hyphens: auto,例如使用<html lang=en-US>

浏览器支持仍然有限,但正在变得更好,请参阅http://caniuse.com/css-hyphens

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

票数 21
EN

Stack Overflow用户

发布于 2012-03-01 13:59:57

连字符连接依赖于语言;您不能只将溢出字符放在下一行并获得与书籍中相同的效果。连字规则实际上相当复杂(参见http://dictionary2.classic.reference.com/writing/styleguide/division.html),您可以正确地使用它的唯一方法(就像在书中一样)是手动或者通过客户端或服务器端脚本;我非常确定不能只使用css来完成这项工作。

您可能希望使用类似于http://code.google.com/p/hyphenator/的内容

票数 4
EN

Stack Overflow用户

发布于 2012-03-01 14:04:00

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

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9511014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档