当前位置:   article > 正文

多个div在同一行显示_几个div在一行怎么写

几个div在一行怎么写

使用float:left,也可以使用display : inline-block,可以使多个div在同一行显示。

  1. <div class="search_row">
  2. <div class="form-group" style="float:left" > <%-- 通过左浮动使多个div在一行显示--%>
  3. <div class="search_label" >图书名称:</div> <input type="text" class="editText" name="bookName" />
  4. </div>
  5. <div class="form-group" style="float:left" >
  6. <div class="search_label" >出版社:</div> <input type="text" class="editText" name="publisher" />
  7. </div>
  8. <div style="clear:both"></div> <%--清除浮动--%>
  9. </div>

效果:

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/木道寻08/article/detail/867540
推荐阅读
相关标签
  

闽ICP备14008679号