发表于： 2018-09-21 22:45:02
1 835
今天完成的事情：任务14页面一部分，效果如下：
明天的计划：继续任务14。
遇到的问题：之前任务8页面写的同psd图片其实是不完全一致的，这次重新写，今天遇到的一个小问题是图中的小火箭已经放到一张大的雪碧图了，如何水平居中呢？百度关键词：绝对定位+水平居中，百度了一下，参考了https://www.cnblogs.com/sapho/p/5787381.html 最后的css部分写法：
.icon-rocket {
width: 43px;
height: 62px;
background-position: -316px -586px;
background-image: url('../img/icon-task8-index.png');
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
}
至于为什么left：0，right：0，暂时还不懂。
收获： 水平居中的一种方法
返回列表
评论