其他分享
首页 > 其他分享> > flex布局再搞搞清楚

flex布局再搞搞清楚

作者:互联网

1.在需要flex布局的所有item的父元素上设置display:flex

2.设置排列方向flex-direction,row水平,column竖直,起始方向默认从左到右,从上到下;若要反向,在后面加个reverse

3.设置对齐方式justify-content和align-items,这两个不是说就水平和竖直上的对齐方式,而是主轴和交叉轴。也就是说如果flex-direction指定的是column,那么justify-content就是竖直方向上的对齐方式;记住三个,flex-start、flex-end和center

 

标签:flex,direction,搞搞,column,布局,content,竖直,对齐
来源: https://www.cnblogs.com/mht-zx/p/14981118.html