当前阅读教程:Flex Box语法教程 > align-items交叉轴对齐 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: justify-content主轴对齐 | 下一篇: align-content设置各个行的对齐 |
align-items属性定义项目在交叉轴上如何对齐。(上中下) 它可能取5个值。具体的对齐方式与交叉轴的方向有关,下面假设交叉轴从上到下。 Ø flex-start:交叉轴的起点对齐。 Ø flex-end:交叉轴的终点对齐。 Ø center:交叉轴的中点对齐。 Ø baseline: 项目的第一行文字的基线对齐。 Ø stretch(默认值):如果项目未设置高度或设为auto,将占满整个容器的高度。 .box { align-items: flex-start | flex-end | center | baseline | stretch; } |
|
上一篇: justify-content主轴对齐 | 下一篇: align-content设置各个行的对齐 |