发表于： 2019-01-21 09:18:35
1 758
今天完成的事情：
1、完成页面一的主要内容并完善
2、本来想用纯css做一个轮播图的，不过没成功，只有第一个li有图片，后面的图片无法显示
3、完成页面二的主要内容
明天计划的事情：
1、完善页面二
2、页面一优秀学员部分的轮播没有效果，继续修改
3、完成页面三的主要内容
遇到的问题：
1、无法使图片水平居中
对此处图片使用display:inline-block; text-align:center; 但是没有效果，查询资料发现，如果要使用此方法使图片居中应在图片的父元素中设置text-align:center;再在块级元素img中设置display:inline-block; 才会有效果
2、顶部轮播图切换的过程中，总是会缩小并且左边有一条线
后来发现是下面一部分内容的class与bootstrap里面的class重名了，造成了样式的不理想，将自己的css里面的class重新定位就恢复了
3、底部轮播图没有效果
此处也是直接引用的bootstrap里面的轮播，但是只有样式，没有效果，还在修改中，暂未解决
收获：
1、引用框架的时候也要看一看里面的代码，以免造成重复，出现问题时难以确定问题所在
2、text-align这个属性只对行内元素起作用，如果是块级元素，应在块级元素的父元素中设置此属性，再在块级元素中使用display:inline-block
返回列表
评论