发表于: 2017-03-07 23:03:58
1 602
今天完成的事情:1.写完8-1页面。(轮播图还没做)
2.通过小课堂学习垂直居中的方法。
明天计划的事情:完成8-2,对8-1进行修改。
遇到的困难:1.bootstrap中的body默认宽度为14px;因为默认宽度的存在,导致字体不能实现自适应。(表示刚开始用bootstrap真不习惯。各种默认样式。。。)后来对body使用font-size:0;来消除这一问题。
2.开始以为8-1是要实现自适应。。。结果写到中间就发现要么就写不下,要么字体太小,根本看不清。。。在杰仁学长的指点下,把8-1的参数全部重新修改了一遍。。。
收获:主要还是学习了垂直居中。1.使用lineheight实现单行垂直居中。适用于单行文字。
2.父容器高度固定的情况下,设置子标签相同的display属性(inline-block属性),然后用处理另一个子标签垂直居中的方式处理该子标签的垂直居中。
3.利用display:tabel-cell和文字大小控制居中。
4.利用display:inline-block和文字大小控制居中
评论