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

• 2019 年 10 月 4 日
• 笔记

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

　　代码显示效果：

解决方案

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

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

改变HTML结构清除input间隙

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

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

改正之后代码效果如下：