css：多個div在同一行顯示

使用float:left，也可以使用display : inline-block，可以使多個div在同一行顯示。

示例如下：

 <div   class="search_row">
      <div class="form-group" style="float:left" >      <%-- 通過左浮動使多個div在一行顯示--%>
          <div class="search_label" >圖書名稱:</div>    <input type="text" class="editText" name="bookName" />
       </div>
       <div class="form-group" style="float:left" >
           <div class="search_label" >出版社:</div>    <input type="text" class="editText" name="publisher"  />
       </div>
       <div style="clear:both"></div>                  <%--清除浮動--%>
  </div>

注意：記得清除浮動，不然后續會出現偏差。

效果如下：