Style flexDirection 属性
示例
重新排列 <div> 元素内的弹性项的方向
document.getElementById("main").style.flexDirection = "column-reverse";自己动手试一试 »
描述
flexDirection 属性用于设置或返回弹性项的方向。
注意： 如果该元素不是弹性项，flexDirection 属性将无效。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| flexDirection | 是 | 11.0 | 是 | 9.0 | 是 |
语法
返回 flexDirection 属性
object.style.flexDirection
设置 flexDirection 属性
object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| row（行） | 默认值。弹性项水平显示，如一行 |
| row-reverse（反向行） | 与 row 相同，但顺序相反 |
| column（列） | 弹性项垂直显示，如一列 |
| column-reverse（反向列） | 与 column 相同，但顺序相反 |
| initial | 将此属性设置为其默认值。阅读关于 initial |
| inherit | 从其父元素继承此属性。阅读关于 inherit |
技术详情
| 默认值 | row（行） |
|---|---|
| 返回值 | String 类型，表示元素的 flex-direction 属性 |
| CSS 版本 | CSS3 |
相关页面
CSS 参考：flex-direction 属性
HTML DOM STYLE 参考：flex 属性
HTML DOM STYLE 参考：flexBasis 属性
HTML DOM STYLE 参考：flexFlow 属性
HTML DOM STYLE 参考：flexGrow 属性
HTML DOM STYLE 参考：flexShrink 属性
HTML DOM STYLE 参考：flexWrap 属性
