兩個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;  }

改正之後程式碼效果如下: