Toggle navigation

CSS hyphens 属性

实例

设置不同的连字符：

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

试一试

定义和用法

hyphens 属性定义是否允许在一行文本中使用连字符创建更多的自动换行机会。

默认值：manual
继承：是
动画制作：不支持。请参阅：动画相关属性。
版本：CSS3
JavaScript 语法：object.style.hyphens="none"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

带 -webkit- 或 -ms- 的数字表示使用前缀的首个版本。

属性ChromeIEFirefoxSafariOpera
hyphens55.079.0
10.0 -ms-		43.05.1 -webkit-44.0

CSS 语法

hyphens: none|manual|auto|initial|inherit;

属性值

值描述
none单词不用连字符（不换行）。
manual默认。单词只在 ‐ 或 ­ 处有连字符（如果需要）。
auto在算法确定的位置插入单词连字符（如果需要）。
initial将此属性设置为其默认值。参阅initial。
inherit从其父元素继承此属性。参阅inherit。