Flex 的属性有哪些
1.flex-direction:设置主轴的方向。可设的值
row:默认,从左向右。
row-reverse:
column:
column-reverse:
2.justify-content: 主轴上子元素的排列方式
flex-start:从头开始排列
flex-end:从末尾开始排列
space-around:元素间的间距是与容器间距的2倍
space-between:先贴容器的两边,再分配剩余空间。
center:居中
space-evenly:各个元素间的间距和元素与容器的距离相等。
3.align-content: 控制侧轴上子元素的排列方式(多行)
flex-start:从头开始排列
flex-end:从末尾开始排列
space-around:元素间的间距是与容器间距的2倍
space-between:先贴容器的两边,再分配剩余空间。
center:居中
strech
4.flex-wrap: 控制子元素是否换行,默认nowarp(不换行)
5.align-items: 控制侧轴上子元素的排列方式(单行)。