舞蹈培训APP小程序系统开发

　　教育系统开发找廖经理【开发软件请联系上方】广州开发公司，教育小程序开发，教育APP系统软件开发，教育APP软件开发，教育APP系统开发，教育软件系统开发，教育小程序开发，教育开发模板

我们把Flex盒子模型拆分成容器(container)和子项(item)

首先得指定元素是flex布局     块状元素 -> display:flex     行内元素 -> display:inline-flex     例如:     .box{       display:flex;      }

设置在容器的相关属性如下:

flex-direction/flex-wrap/flex/justify-content/align-items/align-content

flex-direction属性:决定主轴的方向

.box{flex-direction: row | row-reverse | column | column-reverse;}

row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。

flex-wrap属性

默认情况下，项目都排在一条线（又称"轴线"）上。flex-wrap属性定义，设置如果一条轴线排不下，如何换行?

.box{flex-wrap: nowrap | wrap | wrap-reverse;}