旧文：zhuanlan.zhihu.com/p/396817647
display: flex;
display:inline-flex行级块元素;行内元素也可以使用 Flex 布局。
多根轴线的对齐方式
align-content: flex-start | flex-end | center | space-between | space-around | stretch;
order属性定义项目的排列顺序，默认0，越大越后，可为负值
flex-basis：它的默认值为auto，即项目的本来大小。和width或者height等效，主轴方向横宽竖高
单个项目有与其他项目不一样的对齐方式
align-self: auto | flex-start | flex-end | center | baseline | stretch;
