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

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、成都网站设计、白山网络推广、重庆小程序开发、白山网络营销、白山企业策划、白山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供白山建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

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