当前阅读教程:Flex Box小程序应用 > 各行对齐(align-content) | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 垂直对齐(align-items) | 下一篇: Flex项目的属性 |
align-content 属性用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐,而是设置各个行的对齐。示意图如7-29所示。 代码示例 如下: .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项目的属性 |