CSS overflow-wrap 屬性
- 上一頁 overflow-anchor
- 下一頁 overflow-x
定義和用法
overflow-wrap
屬性指定當長單詞溢出容器時,瀏覽器是否可以對其進行換行。
實例
允許瀏覽器在長單詞溢出容器時對其進行換行:
div { overflow-wrap: break-word; }
CSS 語法
overflow-wrap: normal|anywhere|break-word|initial|inherit;
屬性值
值 | 描述 |
---|---|
normal | 長單詞不會換行,即使它們溢出容器。默認值。 |
anywhere | 如果長單詞溢出容器,則對其進行換行。 |
break-word | 如果長單詞溢出容器,則對其進行換行。 |
initial | 將此屬性設置為其默認值。參閱 initial。 |
inherit | 從其父元素繼承此屬性。參閱 inherit。 |
技術細節
默認值: | normal |
---|---|
繼承性: | 是 |
動畫制作: | 不支持。請參閱:動畫相關屬性。 |
版本: | CSS3 |
JavaScript 語法: | object.style.overflowWrap="normal" |
瀏覽器支持
表格中的數字表示首個完全支持該屬性的瀏覽器版本。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
23.0 | 18.0 | 49.0 | 6.1 | 12.1 |
相關頁面
教程:CSS 溢出
- 上一頁 overflow-anchor
- 下一頁 overflow-x