实例
让灵活的项目以列的形式显示,且不拆列:
document.getElementById("main").style.flexFlow="column nowrap";
定义和用法
flexFlow 属性是 flexDirection 和 flexWrap 属性的速记属性。
flexDirection 属性规定灵活项目的方向。
flexWrap 属性规定灵活项目是否拆行或拆列。
注意:如果元素不是灵活的项目,则 flexFlow 属性不起作用。
浏览器支持
Firefox、Opera 和 Chrome 支持 flexFlow 属性。
语法
返回 flexFlow 属性:
object.style.flexFlow
设置 flexFlow 属性:
object.style.flexFlow="flex-direction flex-wrap|initial|inherit"
属性值
值 | 描述 |
---|---|
flex-direction | 可能的值: row row-reverse column column-reverse initial inherit 默认值是 "row"。 规定灵活项目的方向。 |
flex-wrap | 可能的值: nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。 规定灵活项目是否拆行或拆列。 |
initial | 设置该属性为它的默认值。请参阅 initial。 |
inherit | 从父元素继承该属性。请参阅 inherit。 |
技术细节
默认值: | row nowrap |
---|---|
返回值: | 字符串,表示元素的 flex-flow 属性。 |
CSS 版本 | CSS3 |
相关文章
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 属性
其他扩展