当前阅读教程:Flex Box语法教程 > align-content设置各个行的对齐 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: align-items交叉轴对齐 | 下一篇: Flex项目的属性 |
align-content 属性用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐,而是设置各个行的对齐
Ø flex-start:与交叉轴的起点对齐。 Ø flex-end:与交叉轴的终点对齐。 Ø center:与交叉轴的中点对齐。 Ø space-between:与交叉轴两端对齐,轴线之间的间隔平均分布。 Ø space-around:每根轴线两侧的间隔都相等。所以,轴线之间的间隔比轴线与边框的间隔大一倍。 Ø stretch(默认值):轴线占满整个交叉轴。齐,而是设置各个行的对齐 .box { align-content: flex-start | flex-end | center | stretch | space-between | space-around; } |
|
上一篇: align-items交叉轴对齐 | 下一篇: Flex项目的属性 |