css中的flex-direction属性怎么用

这篇文章主要介绍css中的flex-direction属性怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　cssflex-direction属性怎么用？

　　定义和用法

　　flex-direction属性规定灵活项目的方向。

　　注意：如果元素不是弹性盒对象的元素，则flex-direction属性不起作用。

　　默认值：row

　　继承：否

　　可动画化：否。

　　版本：CSS3

　　JavaScript语法：

　　object.style.flexDirection="column-reverse"

　　CSS语法

　　flex-direction:row|row-reverse|column|column-reverse|initial|inherit;

　　属性值

　　row默认值。灵活的项目将水平显示，正如一个行一样。

　　row-reverse与row相同，但是以相反的顺序。

　　column灵活的项目将垂直显示，正如一个列一样。

　　column-reverse与column相同，但是以相反的顺序。

　　initial设置该属性为它的默认值。

　　inherit从父元素继承该属性。

　　实例

　　设置

　　B