两个input之间有间隙

实在搞不懂两个input之间怎么会有间隙呢,被这个问题折磨了好几天,

代码如下:

两个input之间有间隙_第1张图片
input代码

效果如下:

两个input之间有间隙_第2张图片
浏览器效果

火狐浏览器检查元素:先将button宽度调整为25px,

两个input之间有间隙_第3张图片
代码之间出现o符号

求大牛普及一下这个现象原理,解救web强迫症新人...

两个input之间有间隙_第4张图片
检查该符号

解决办法:

1、改变HTML结构,input之间不要换行

两个input之间有间隙_第5张图片
改变HTML结构清除input间隙

2、给第一个input添加左浮动

两个input之间有间隙_第6张图片
给第一个input添加左浮动

更正后效果:

纠正后效果

你可能感兴趣的:(两个input之间有间隙)