html - 是否可以在 HTML/CSS 中启用自动断字?

标签 html css hyphenation

我的客户已请求在此页面上启用自动断字: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-afterhyphenate-before 的作用相同,但用于断字后的字符。
  • hyphenate-lines 定义一个带连字符的单词最多可以写多少行。 使用 hyphenate-character 可以指定应该使用哪个 HTML 实体,例如\2010.

这个堆栈的主要属性是hyphens。它接受以下三个值之一:nonemanualauto。默认是手动的,你可以通过 ­ 设置连字符。 auto 它更适用于连续文本,而如果可能且可用的话,单词会被拆分。并且 none 根本不会连字符,即使某个单词中存在可能换行符的字符集也是如此。

更新:

此处的浏览器支持信息:http://caniuse.com/css-hyphens

关于html - 是否可以在 HTML/CSS 中启用自动断字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8937591/

相关文章:

javascript - 如何根据按键点击过滤记录?

css - 如何连续 3 个保持外部 2 div 的固定宽度

iphone - 断字库不适用于 iOS 5

javascript - 如何使用 POST 建立链接而不换行

javascript - JQUERY- 在 li 上显示 div 单击否则隐藏

Javascript getElementById ('id' ).style VS var x

css3 自动换行 :break-word/break-all, 无连字符

mysql - 如何将带有连字符的重写 URL 字符串与 MYSQL 中可能有 1 个连字符的字符串相匹配?

html - 是否可以在电子邮件中折叠/展开 DIV?哪些客户支持这个?

css - 当内容 float 在屏幕中间时无法向左滚动页面