位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程: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;
}

image.png


上一篇: align-items交叉轴对齐 下一篇: Flex项目的属性
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)