Style flexFlow 属性
Style 对象的 flexFlow 属性是 flexDirection 和 flexWrap 属性的速记属性
flexDirection 属性规定灵活项目的方向
flexWrap 属性规定灵活项目是否拆行或拆列
如果元素不是灵活的项目，则 flexFlow 属性不起作用
语法
返回 flexFlow 属性
object.style.flexFlow
设置 flexFlow 属性
object.style.flexFlow=" flex-direction flex-wrap |initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| flex-direction | 设置灵活项目的方向，默认值是 "row"。可能的值： row row-reverse column column-reverse initial inherit |
| flex-wrap | 规定灵活项目是否拆行或拆列，默认值是 "nowrap"。可能的值：nowrap wrap wrap-reverse initial inherit |
| initial | 设置该属性为它的默认值。可以阅读 initial |
| inherit | 从父元素继承该属性。可以阅读 inherit |
默认值
row nowrap
返回值
字符串，表示元素的 flex-flow 属性
浏览器支持
Firefox、Opera 和 Chrome 支持 flexFlow 属性
范例
让灵活的项目以列的形式显示，且不拆列
document.getElementById("main").style.flexFlow="column nowrap";
相关知识
CSS 参考手册： flex-flow 属性
HTML DOM STYLE 参考手册： flex 属性
HTML DOM STYLE 参考手册： flexBasis 属性
HTML DOM STYLE 参考手册： flexDirection 属性
HTML DOM STYLE 参考手册： flexGrow 属性
HTML DOM STYLE 参考手册： flexShrink 属性
HTML DOM STYLE 参考手册： flexWrap 属性