我的客户已请求在此页面上启用自动断字:http://carlosdinizart.com/biography/ ,我意识到我从未真正在网页上看到过它。
是否可以仅使用 HTML/CSS 在 HTML 文档中设置自动断字?如果不是 - 有哪些选择?
最佳答案
CSS3 对此提供了一些支持。来源:http://drublic.de/blog/css3-auto-hyphenation-for-text-elements/ 您可以在此处查看 w3c 文档:http://www.w3.org/TR/2011/WD-css3-text-20110901/#hyphenation
CSS3 将六个属性添加到有用的列表中。它们是:
- 最重要的是
连字符
。 - 您可以使用
hyphenate-resource
添加字典文件,这样浏览器就有更好的机会使用正确的连字符呈现您的文本。 hyphenate-before
设置断字前的最少字符数。hyphenate-after
与hyphenate-before
的作用相同,但用于断字后的字符。hyphenate-lines
定义一个带连字符的单词最多可以写多少行。 使用hyphenate-character
可以指定应该使用哪个 HTML 实体,例如\2010
.
这个堆栈的主要属性是hyphens
。它接受以下三个值之一:none
、manual
或 auto
。默认是手动的,你可以通过
设置连字符。 auto
它更适用于连续文本,而如果可能且可用的话,单词会被拆分。并且 none
根本不会连字符,即使某个单词中存在可能换行符的字符集也是如此。
更新:
此处的浏览器支持信息:http://caniuse.com/css-hyphens
关于html - 是否可以在 HTML/CSS 中启用自动断字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8937591/