码迷,mamicode.com
首页 > 其他好文 > 详细

02-align-items的用法

时间:2019-11-06 00:36:30      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:ali   居中   因此   方式   排列   span   默认   单行   justify   


侧轴是相对的 默认主轴是x 所以侧轴就是y轴

align-items设置侧轴上的子元素排列的方式(单行) 运用在父级元素上


align-items: flex-start; 从上到下
align-items: center; 从下到上
align-items: flex-end; 挤在一起居中
align-items:stretch 默认值 拉伸 沿着父级元素侧轴方向拉伸(填满父亲高度)


/* 因此实现水平 垂直居中的方式还有一种 */
display: flex; //这是哪个都是使用在方向上
justify-content: center; /*主轴居中对齐*/
align-items: center; /*侧轴居中对齐*/



02-align-items的用法

标签:ali   居中   因此   方式   排列   span   默认   单行   justify   

原文地址:https://www.cnblogs.com/IwishIcould/p/11802656.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!