Style flexWrap 属性

定义和用法

flexWrap 属性指定弹性项目是否应该换行。

注意:如果元素不是弹性项,则 flexWrap 属性无效。

另请参阅:

CSS 参考手册:flex-wrap 属性

实例

如有必要,使弹性项目换行:

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

浏览器支持

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持11.0支持9.0支持

相关页面

HTML DOM STYLE Reference: flex 属性

HTML DOM STYLE Reference: flexBasis 属性

HTML DOM STYLE Reference: flexDirection 属性

HTML DOM STYLE Reference: flexFlow 属性

HTML DOM STYLE Reference: flexGrow 属性

HTML DOM STYLE Reference: flexShrink 属性