1.两个input框因为都是行内块元素,所以有间隙问题,和无法对齐;
.html
2.解决办法
给 input 的父级盒子加 font-size:0; 可解决input标签间的间隙问题;
给 input 标签加vertical-align:middle;可解决无法对齐问题;
.css
两个span间存在间隙?
原因:span的行内元素,但是项目所需需要设成行内块元素,所以就存在间隙了;
解决:
给两个span包起来的div设置font-size:0;width:100%;
给span标签再设置font-size:16px / 1rem;
补充
使用text-align:center;
margin:0 auto 居中要配合固定的Width才生效,另外用了position,margin也就不能居中了;