发表于: 2018-12-25 20:54:58

1 854


今天完成的事:

修改css框架,我是以bootstrap为参考的,但是自己写的会有一些bug,比如我float过后他依然没有排成一排会换行,查看bootstrap过后看到一个

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

写上这个后就解决了,目前还没有搞清楚怎么回事。


接了一个任务,貌似是真实项目,写几个简单的静态页面,学到的就是要有个域的概念,也就是说你写的模块不要影响到其他模块,这就要求你写的东西命名需要独一无二不会和别人的雷同,你重置的样式也就只是针对你的模块,不对其他的作用。

明天计划的事:

继续任务,尽快进入js

遇到的困难:

 1.用bootstrap框架col里面的图片会随着col高度的变化依然垂直居中,但是自己写的就没法做到,只是col的高度变了图片没有随着居中。后面为了让图片垂直居中用了绝对定位,成功了但是用%不生效,px生效。用flex也生效了,但是要给col加上高度。

2.用table的时候,给td加上border出现

这种情况,后面加上

border-collapse: collapse;
border-spacing: 0;

就解决了。

收获:

如上


返回列表 返回列表
评论

    分享到