前端八股学习1.1之flex布局

flex布局意为弹性布局，任何容器都可被指定为flex布局

//任意容器的flex布局
.container{
   
	display: flex;
}
//行内元素的flex布局
.container{
   
	display: inline-flex;
}

应用flex布局容器的属性

1.flex-direction 主轴的方向
row: 主轴水平方向，起点在左端（默认值）
row-reverse: 主轴水平方向，起点在右端
column: 主轴垂直方向，起点在顶部
column-reverse: 主轴垂直方向，起点在底部

2.flex-wrap 在一条轴线上排列时如何换行
n