今天完成的事情

完成了任务三。

svn的找的教程和客户端有点差别。弄了一会心烦意乱就去看了看弹性布局。

明天计划的事情

找下svn的教程。继续了解弹性布局，尝试完成任务四。

遇到的问题

svn暂时还没搞好，请教师兄，怎么像大家那样上传代码。直接编辑器复制来的，没有排版。。。

收获

display：flex。弹性盒子

flex-direction; 弹性布局方位。value：row ，column。row-reverse。column-reverse。

//reverse反转，direction方向方位

添加了display的元素会成为flex容器。

把flex-direction添加到父元素并设置，并设置为row或column即可轻易横或竖排她的子元素。

设为row可以让子元素水平排列。column可以让那个子元素垂直排列。

justify-content：弹性盒子的子元素内容对齐。进行横向对齐

center，内容居中。flex-start，从前往后对齐。flex-end，项目靠右

space-between:第一个项目紧贴左边，最后一个项目紧贴右边。其余项目。均匀排布、

space-around。所有项目均匀排列.

align-items:默认值stretch(拉伸)  flex-start  flex-end center. baseline。

盒子内的文本对齐，基线对齐 。垂直排列方式column

flex-shrink.当子元素出现溢出时。比如溢出10像素。将根据shrink的值，来调整溢出的比例。如果不溢出则不生效.

flex-grow: 当父元素出现空白是，将放大。根据value来确认，子元素放大的比例

flex-basis.basis基本。设置弹性盒子（子元素）的基本大小

order： 顺序。。根据value来确认排列的顺序

align-self ，对子元素单独设置对齐方式，column的对齐。

align-self的允许值与align-items一样，

（默认值stretch(拉伸)  flex-start  flex-end center.）

并且它会覆盖align-items的值。