发表于： 2017-03-07 23:54:59
1 540
一、今天完成的事情：
1、处理昨天遗留的问题，将“登录”居中处理；
2、初步实现剩余部分；
二、明天的计划：
完善任务4；
三、遇到的问题：
1、昨天一直无法将header中的登录居中，今天通过查资料解决；
2、input不会添加图片，通过查资料解决；
四、收获：
1、使header中登录居中，了解了使用绝对定位来进行居中：
此法只适用于那些我们已经知道它们的宽度或高度的元素。
绝对定位进行居中的原理是通过把这个绝对定位元素的left或top的属性设为50%,这个时候元素并不是居中的，而是比居中的位置向右或向左偏了这个元素宽度或高度的一半的距离，所以需要使用一个负的margin-left或margin-top的值来把它拉回到居中的位置，这个负的margin值就取元素宽度或高度的一半。
2、input插入图片，查资料后用background: url(01.png) no-repeat #fff left;padding-left: 80px;实现，但是还有问题是无法控制图片的大小；目前显示图片过大，暂时没有解决；
五：未解决问题：
1、上面描述的无法控制input中图片大小；
2、button实现最下面的登录时，发现缩放后，button右边还有一段距离，无法铺满页面，暂时未解决；
返回列表
评论