今天完成的事情：

完成页面2

flex布局中，多行的属性align-content和交叉轴align-items属性相同：flex-start flex-end center baseline stretch

不同点是align-items是用来让每一个单行的容器居中而align-content是让整个容器居中。

主要根据这篇文章

https://blog.csdn.net/sinat_27088253/article/details/51532992

这样在多行情况下，align-content和align-items二选一即可，对于居中要根据效果做出相应的选择。

明天计划的事情：

检查代码，提交任务

 
遇到的问题：

页面2想要尽量使用flex布局，相比之前的布局确实简化了很多，但是使用不熟练，还是遇到了问题。

1 align-content和align-items

在外层设置换行之后

想到设置换行之后对齐方式，发现这两属性相似，该如何使用？

最后想到内容高度空间不定，这两个属性不需要设置。

2 hover的四个图标

3 中间方块保持自适应，使用之前的方法文字居中很复杂

改用vw之后，相当于有了固定高度，文字居中就很简单

收获：

这个任务进度较慢，前期关注css组件化、css架构，想要简单入门尝试发现目前只能简单了解，组件化需要大量经验、复杂网页、对于元素的理解和熟练使用，这些目前做不到，提取组件的想法很受启发。

之前的任务都是使用传统布局实现，多数都是使用position完成，实现过程相当复杂并且很不灵活。使用flex之后发现简单灵活，简化代码，也不要处理边距重叠、BFC等问题。

任务13

开始时间：5.17

预计结束时间：5.21

延期：2天

http://task.jnshu.com/zentao/project-task-629.html