位置:电子教程 > Flex Box小程序应用 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex Box基本概念
Flex容器的属性
Flex项目的属性
Flex布局样例
当前阅读教程:Flex Box小程序应用 > 各行对齐(align-content)
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 垂直对齐(align-items) 下一篇: Flex项目的属性

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

image.png

代码示例

小白教程网www.2d5.net

如下:

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

n  flex-start:与交叉轴的起点对齐。

n  flex-end:与交叉轴的终点对齐。

n  center:与交叉轴的中点对齐。

n  space-between:与交叉轴两端对齐,轴线之间的间隔平均分布。

n  space-around:每根轴线两侧的间隔都相等。所以,轴线之间的间隔比轴线与边框的间隔大一倍。

n  stretch(默认值):轴线占满整个交叉轴。




上一篇: 垂直对齐(align-items) 下一篇: Flex项目的属性
毕业设计网             广告联系QQ:45157718(微信同号)