在这篇文章中，我们来学习一下“CSS的flex-direction属性是怎样控制布局的”的相关知识，下文有详细的讲解，易于大家学习和理解，有需要的朋友可以借鉴参考，下面就请大家跟着小编的思路一起来学习一下吧。

1、flex-direction用来控制子项整体布局方向，是从左往右还是从右往左，是从上往下还是从下往上。

2、指定了内部元素是如何在flex容器中布局的，定义了主轴的方向(正方向或反方向)。

实例

.list1{
width:27%;
padding-top:0.5rem;
list-style:none;
overflow:hidden;
display:flex;
flex-direction:column;
max-height:6rem;
}

.list1.listbox{
width:100%;
position:relative;
padding-left:0.2rem;
left:1.35rem;
right:auto;
}

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

关于“CSS的flex-direction属性是怎样控制布局的”就介绍到这了，如果大家觉得不错可以参考了解看看，如果想要了解更多，欢迎关注博信，小编每天都会为大家更新不同的知识。