Flex 布局语法教程

1，容器的属性

flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content

 

2，justify-content属性

flex-start：左对齐
flex-end：右对齐
center： 居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等。项目之间的间隔比项目与边框的间隔大一倍。

order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。

 

如果想了解更多可以参考这个网页 https://www.runoob.com/w3cnote/flex-grammar.html

 

position: absolute;绝对定位

position: relative;相对定位