发表于： 2017-03-09 20:24:08
1 621
今天完成的事情
1.任务八的第一个页面，只差那个轮播图
明天计划完成的事情
1.轮播图
2.第二个页面
遇到的问题
1.栅格系统的使用，有时候还是比较困惑，但是对于栅格系统及BS响应式工具的便捷性已经有了感受。
2.关于多行文字的垂直居中，以前单行文字都是直接line-height=当前容器的height，但是遇到多行文字的时候这个方法是不可行的。多行文字的时候，可以对其容器display：table cell，然后设置vertical-align:middle。需要注意的是容器元素display：table cell 后不能用float 及 position：absolute。
而且貌似display：table cell是个很厉害的东西，有很多实用的属性。而且这个东西也可以用在高度不等的一组图片的垂直居中上。
还有一种方法是把文字放在一个span标签内，然后把其display：inline-block，然后用vertical-align：middle来实现，比较麻烦的是，这种方法还要设置外部容器高度和文字本身高度有一个相对的比例，没有搞懂原理，暂且搁置。
3.如何用自带的栅格实现一个五等分的效果，是不是要去重新定义栅格的宽度百分比，这个还没去尝试。
收获
1.就是解决的问题和待解决的问题们，有问题便是有收获。
2.进度要赶了。。。。
返回列表
评论