flexwrap
收藏：0
阅读：22
Style flexWrap 属性
实例
让灵活的项目在必要的时候拆行：
document.getElementById("main".style.flexWrap="wrap";
定义和用法
flexWrap 属性规定灵活项目是否拆行或拆列。
注意：如果元素不是灵活的项目，则 flexWrap 属性不起作用。
浏览器支持
Firefox、Opera 和 Chrome 支持 flexWrap 属性。
语法
返回 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 |
相关文章
CSS 参考手册：flex-wrap 属性
HTML DOM STYLE 参考手册：flex 属性
HTML DOM STYLE 参考手册：flexBasis 属性
HTML DOM STYLE 参考手册：flexDirection 属性
HTML DOM STYLE 参考手册：flexFlow 属性
HTML DOM STYLE 参考手册：flexGrow 属性
HTML DOM STYLE 参考手册：flexShrink 属性