两个input之间有间隙
2017-03-23 本文已影响0人
东风吹三更
实在搞不懂两个input之间怎么会有间隙呢,被这个问题折磨了好几天,
代码如下:
![](https://img.haomeiwen.com/i5187868/97bf022d8c654892.png)
效果如下:
![](https://img.haomeiwen.com/i5187868/a887cf4f016f7f39.png)
火狐浏览器检查元素:先将button宽度调整为25px,
![](https://img.haomeiwen.com/i5187868/7a8f2f0f30537df3.png)
求大牛普及一下这个现象原理,解救web强迫症新人...
![](https://img.haomeiwen.com/i5187868/b235228570f9d21c.png)
解决办法:
1、改变HTML结构,input之间不要换行
![](https://img.haomeiwen.com/i5187868/17a6326f78e69da8.png)
2、给第一个input添加左浮动
![](https://img.haomeiwen.com/i5187868/1b7f157a29116338.png)
更正后效果:
![](https://img.haomeiwen.com/i5187868/99266ba163b8b91d.png)
实在搞不懂两个input之间怎么会有间隙呢,被这个问题折磨了好几天,
代码如下:
效果如下:
火狐浏览器检查元素:先将button宽度调整为25px,
求大牛普及一下这个现象原理,解救web强迫症新人...
解决办法:
1、改变HTML结构,input之间不要换行
2、给第一个input添加左浮动
更正后效果: