微信小程序样式Flex Box精通课程-Flex容器的属性-align-content设置各个行的对齐

版权声明:摇亿.黄菊华 https://blog.csdn.net/u013818205/article/details/86178692

align-content设置各个行的对齐

align-content 属性用于修改 flex-wrap 属性的行为。类似于 align-items,
但它不是设置弹性子元素的对齐,而是设置各个行的对齐

在这里插入图片描述

.box { align-items: flex-start | flex-end | center | baseline | stretch; } 

 flex-start:与交叉轴的起点对齐。
 flex-end:与交叉轴的终点对齐。
 center:与交叉轴的中点对齐。
 space-between:与交叉轴两端对齐,轴线之间的间隔平均分布。
 space-around:每根轴线两侧的间隔都相等。所以,轴线之间的间隔比轴线与边框的间隔大一倍。
 stretch(默认值):轴线占满整个交叉轴。

欢迎大家收看我的视频教程:微信小程序界面设计布局Flex Box精通课程 (微信小程序界面设计必备技能)

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u013818205/article/details/86178692
0条评论
添加一条新回复