css3弹性盒布局之伸缩行对齐
今天我们来说一下伸缩行对齐是如何实现的!伸缩行对齐是由align-content属性来实现的。该属性适用于伸缩容器,类似于伸缩项目在主轴上使用justify-content属性。
注意:此属性在只有一行的伸缩容器上面没有效果
一、使用方式
align-content:flex-start、flex-end、center、space-between、space-around、 stretch
属性值之间使用中文顿号进行区分(方便学习查看)。
二、属性值
1、flex-start:各行向伸缩容器的起点位置堆叠;
2、flex-end:各行向伸缩容器的结束位置堆叠;
3、center:各行向伸缩容器的中间位置堆叠;
4、space-between:各行在伸缩容器中平均分布;
5、space-around:各行在伸缩容器中平均分布,但在两边各有一半的空间;
6、stretch:默认值,各行将会伸展以占用剩余空间;