Style flexWrap 属性
定义和用法
flexWrap 属性指定弹性项目是否应该换行。
注意:如果元素不是弹性项,则 flexWrap 属性无效。
实例
如有必要,使弹性项目换行:
document.getElementById("main".style.flexWrap = "wrap";
语法
返回 flexWrap 属性:
object.style.flexWrap
设置 flexWrap 属性:
object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| nowrap | 默认值。规定弹性项目不会换行。 |
| wrap | 规定弹性的项目将在必要时换行。 |
| wrap-reverse | 规定弹性项将在必要时以相反的顺序换行。 |
| initial | 将此属性设置为其默认值。请参阅 initial。 |
| inherit | 从其父元素继承此属性。请参阅 inherit。 |
技术细节
| 默认值: | nowrap |
|---|---|
| 返回值: | 字符串,表示元素的 flex-wrap 属性。 |
| CSS 版本: | CSS3 |
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 11.0 | 支持 | 9.0 | 支持 |