两个行内元素的间隙问题

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也就不能居中了；