---
layout: single
property_name: align-content
---
定义 flexbox 容器中每一行的对齐方式。此属性仅当预先设置了 每一行拉伸平分并填充剩余空间 此示例中,容器高为 剩余空间被两行平分: 每一行仅仅占用实际所需的空间。所有的元素都将靠纵向轴起始处对齐。 每一行仅仅占用实际所需的空间。所有的元素都将靠纵向轴末尾处对齐。 每一行仅仅占用实际所需的空间。所有的元素都将靠纵向轴中间对齐。 每一行仅仅占用实际所需的空间。剩余空间占据行之间。 每一行仅仅占用实际所需的空间。剩余空间平均分配给行元素之间(上下)。#align-content
flex-wrap: wrap 后有效,且 flexbox 的子元素有多行。默认属性 align-content: stretch;300px。 所有的方块高 50px,除了第二个的高度为 100px。
align-content: flex-start;align-content: flex-end;align-content: center;align-content: space-between;align-content: space-around;