位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程:Flex Box语法教程 > align-items交叉轴对齐
阅读(22555525)      收藏       赞(5685)      分享
上一篇: justify-content主轴对齐 下一篇: align-content设置各个行的对齐

align-items属性定义项目在交叉轴上如何对齐。(上中下)

它可能取5个值。具体的对齐方式与交叉轴的方向有关,下面假设交叉轴从上到下。

Ø  flex-start:交叉轴的起点对齐。

Ø  flex-end:交叉轴的终点对齐。

Ø  center:交叉轴的中点对齐。

Ø  baseline: 项目的第一行文字的基线对齐。

Ø  stretch(默认值):如果项目未设置高度或设为auto,将占满整个容器的高度。

image.png


.box {
     align-items: flex-start | flex-end | center | baseline | stretch;
}



上一篇: justify-content主轴对齐 下一篇: align-content设置各个行的对齐
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)