发表于： 2018-12-09 21:49:32
2 796
今天完成的事：初步使用弹性布局（flex）布局任务四，查看了弹性盒子
明天的计划：任务三通后，完善任务4，并把任务四用GitHub展示出来。
遇到问题：vertical-align: middle这个让文字上下居中，但是我用了几次，还是没效果，目前还没想通。
收获：
1、查看了弹性布局，它的优势相比较平时用的浮动更好使用。比如让顶部的三个选项在同一个行，就用到浮动，但是用flex布局，只需要设置display： flex就可以，让他们布局成左、中、右，只需要justify-content: space-between;让让下居中，只需要：align-items: center;
2、在GitHub里的task4里，task4.html，和task4_1对比：
前者的单位是rem，后者用的单位是px. 前者用的是float布局，后者用的是flex布局
3、相比较起来，弹性布局好用，但是我只会使用justify-content，align-items这两个属性，其它的还不属性，也不会使用。
4、对于弹性盒子，参考网址百度会出来很多，我都是看过很多版本，个人觉得选择自己容易记住的就可以。
返回列表
评论