目录

style flexFlow 属性

示例

使灵活的项目按列显示,并且不换行:

document.getElementById("main").style.flexFlow = "column nowrap";
亲自试一试 »

描述

flexFlow 属性是 flexDirection 和 flexWrap 属性的简写属性。

flexDirection 属性指定灵活项目的方向。

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

笔记:如果元素不是弹性项目,则 flexFlow 属性不起作用。


浏览器支持

Property
flexFlow Yes 11.0 Yes 9.0 Yes


语法

返回 flexFlow 属性:

object.style.flexFlow

设置 flexFlow 属性:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

属性值

Value Description
flex-direction Possible values:

row
row-reverse
column
column-reverse
initial
inherit

Default value is "row".

Specifying the direction of the flexible items

flex-wrap Possible values:

nowrap
wrap
wrap-reverse
initial
inherit

Default value is "nowrap".

Specifying whether the flexible items should wrap or not

initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 行现在包裹
返回值: 一个字符串,表示元素的 flex-flow 属性
CSS版本 CSS3

相关页面

CSS 参考:弹性流属性

HTML DOM 样式参考:弹性属性

HTML DOM 样式参考:flexBasis 属性

HTML DOM 样式参考:flexDirection 属性

HTML DOM 样式参考:flexGrow 属性

HTML DOM 样式参考:flexShrink 属性

HTML DOM 样式参考:flexWrap 属性