发表于： 2017-03-21 20:02:28
1 614
今日所做：
1.学习bootstrap用法，使用select下拉按钮
2.进入调试界面对select进行调试，但是自己添加的样式无法覆盖select封装的样式，遂放弃。
3.了解到bootstrap中有下拉按钮这个功能，于是弃select改用下拉按钮。
2.按F12进入调试界面，分析bootstrap下拉按钮的样式构成，并按照自己想要的方向进行修改。
3.因为之前用flex：display加align-items：center使子元素居中的方法和margin容易产生bug
于是，改用vertical-align：middle进行垂直居中设置
4.继续做任务6
明日计划：
完成任务6
学习栅格系统
遇到的问题：
使用vertical-align：middle的时候未能实现使子元素垂直居中，起初以为是自己代码输入有误，结果修改了数次
依然不能实现，后来自己开始测试，发现只要给父元素设定一个固定的高度，子元素就不能相对于父元素居中；
后来找师姐去询问这个问题，发现是自己的理解错误，vertical-align：middle是让一组行内元素相对于基线垂直居中，
而不是相对于父元素垂直居中，此时如果给父元素加上一个line-height，就会让子元素相对于父元素垂直居中
返回列表
评论