CSS hyphens 属性

定义和用法

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;
}

亲自试一试

CSS 语法

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

属性值

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

技术细节

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

浏览器支持

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

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

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-
43.0 5.1 -webkit- 44.0