目录

style flexDirection 属性

示例

重新排列 <div> 元素内灵活项目的方向:

document.getElementById("main").style.flexDirection = "column-reverse";
亲自试一试 »

描述

flexDirection 属性设置或返回灵活项目的方向。

笔记:如果元素不是灵活项,则 flexDirection 属性不起作用。


浏览器支持

Property
flexDirection Yes 11.0 Yes 9.0 Yes

语法

返回 flexDirection 属性:

object.style.flexDirection

设置 flexDirection 属性:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

属性值

Value Description
row Default value. The flexible items are displayed horizontally, as a row
row-reverse Same as row, but in reverse order
column The flexible items are displayed vertically, as a column
column-reverse Same as column, but in reverse order
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值:
返回值: 一个 String,表示元素的 flex-direction 属性
CSS版本 CSS3

相关页面

CSS 参考:弯曲方向属性

HTML DOM 样式参考:弹性属性

HTML DOM 样式参考:flexBasis 属性

HTML DOM 样式参考:flexFlow 属性

HTML DOM 样式参考:flexGrow 属性

HTML DOM 样式参考:flexShrink 属性

HTML DOM 样式参考:flexWrap 属性