CSS-flex 笔记

1.content-box: 加padding是向外扩充，content不变；

2.border-box:加padding时向内扩充，content变小；

3.calc(1px - 0px),减号左右加空格才能生效；

4.flex:float,padding,margin都失效；

5.居中justify-content:center,flex-start:左，flex-end:右，space-between:两端对齐，space-around:子元素拉手分布

6.align-item:元素center:居中

7.flex-direction:方向  row：横向，colum,纵向，row-revers

8.flex-wrap:包，子元素是否在一行显示，no-wrap:不换行，wrap：换行

9.align-content:多行的时候使用：center，flex-start,

10.flex-flow:<flex-direction><flex-wrap>

11.flex:占的比例，先去掉固定宽度

12.flex-grow:定义子元素放大比例，多余的元素铺满

13.align-self:覆盖父级的align-item

14.order:顺序，列表时会用到