11.23笔记

display：flex	弹性盒子
flex-direction：	更改主轴方向
flex-direction：row-reverse	行反转
flex-direction：column	主轴变到列上
flex-direction：column-reverse	列反转
justify-content：center	水平居中
justify-content：space-between	两边贴边，中间平分剩余空间
justify-content：flex-start	默认排序
justify-content：flex-end	右边贴边
justify-content：space-around	平分剩余空间
align-items：center	垂直居中
flex-wrap：wrap	自动换行
align-content：	控制多行
order：	值越小越靠前·
flex-grow：	空间占比
flex-shrink：	不会被压缩
align-self：	自身动
display：grid	自动填充
grid-template-colunms：	行占用空间比例
grid-template-rows：	列占用空间比例
row-gap	行间距
columun-gap	列间距
min-width	最小宽度
max-width	最大宽度