发表于： 2019-01-02 17:47:29
1 722
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
编写任务6 （不使用bootstrap和雪碧图的情况）
明天计划的事情：（一定要写非常细致的内容）
1. 学习制作和使用雪碧图。
2. 学习bootstrap基础知识
3. 使用bootstrap来重写任务6
遇到的问题：（遇到什么困难，怎么解决的）
1. 正文内容部分被foot挡住，可以设置正文的padding-bottom来解决。
2. div内部使用img，无法垂直居中的问题？
解决方案： div的display不是flex，如果div不是使用flex的话，可以设置img的vertical-align: middle;来实现垂直居中。如果div设置了flex显示的话，就使用align-items: center;来实现垂直居中。
收获：（通过今天的学习，学到了什么知识）
1. 正文内容部分被foot挡住，可以设置正文的padding-bottom来解决。
2. div中的div内部使用了img，如何垂直居中。如果div不是使用flex的话，可以设置img的vertical-align: middle;来实现垂直居中。如果div设置了flex显示的话，就使用align-items: center;来实现垂直居中。
返回列表
评论