23日工作记录

Flex（弹性布局）：

任何一个容器都可以指定为flex布局，行内元素也可以使用flex布局

webkit内核的浏览器，必须加上-webkit-前缀

采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。

容器可以设置的属性共有六个

flex-direction：决定主轴的方向（即项目的排列方向）。

有四个值：

flex-wrap：定义，如果一条轴线排不下，如何换行。

三个值：

nowrap（默认）： 不换行

wrap：换行，第一行在上方。

wrap-reverse：换行，第一行在下方。

 

flex-flow：flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap

 

justify-content属性定义了项目在主轴上的对齐方式。

有五个值：

 

align-items属性定义项目在交叉轴上如何对齐。

、

 

align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用

 

 

 

插播一条关于absolute的消息：

absolute是关于父级元素来定位，如果父级元素没有设置position，那么absolute是根据浏览器的原点来定位