发表于: 2020-06-11 21:56:53

1 1289


今天完成的事情:

完成第三页,优化元素样式

今天遇到的问题不多,大部分时间是在检查代码是否有问题,但是小部分样式优化出的问题,部分难以理解和解决


1.使用

                text-decorationnone

无法清除掉bootstrap中a元素的下划线,通过加权限代码解决

               text-decorationnone !important;


2.尝试各种方法,使用弹性flex和其他居中方式都无法解决,最后通过给文字元素设置边框检查,发现无法对齐是因为文字长度不统一,导致的div所占空间大小不一样,使用居中只能使所有元素在中间,而大小不一会导致在中间的长度不一,使样式难看

给文字div设置一个统一宽度,设置

                width100%;

会使其在最左边对齐,目前我只能设置固定宽度

                width80px;

解决,不知道能否设置自适应宽度解决这个问题


3.一样的代码任务2合适,复制到任务3就会变样

任务2

任务3


https://hejun12345.github.io/jnshu/css%E4%BB%BB%E5%8A%A18-2.html

https://hejun12345.github.io/jnshu/css%E4%BB%BB%E5%8A%A18-3.html


明天的计划:

做任务9



返回列表 返回列表
评论

    分享到