align-content
align-content属性:主要用于垂直方向排布,如需要使用水平方向排布,使用justify-content属性。同时配置:display:flex;
stretch:默认值,子元素被拉伸以适应容器。顶部不留间距,子元素间留有间距
center
flex-start
flex-end:通过上图联想
space-between
space-around
align-items
align-items属性定义flex子项在当前行的纵轴方向上的对齐方式
flex:1 //使视图在横坐标自动填满
上面代码效果
flex-start
其他逻辑与上面align-content类似
如需要控制弹性对象内的某个项时,使用 align-self赋值此项
网友评论