两个input标签之间间隙问题的解决

 <input type="text">
 <input type="button" value="搜索">

　　代码显示效果：

解决方案

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

 

1  <input type="text">
2 <input type="button" value="搜索">

View Code

 

改变HTML结构清除input间隙

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

input[type="text"]{
float:left;
}
input[type="button"]{
float:left;
}

View Code

改正之后代码效果如下：

 

转载于:https://www.cnblogs.com/liutianzeng/p/9914653.html