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