兩個div在同一行且不換行的兩種方法


方法一:

復制代碼
代碼如下:

<div style="display:inline">
<div id="div1" style="float:left">div1 content</div>
<div id="div2" style="float:left">div2 content</div>
</div>


上面的div1和div2就會在同一行顯示。。。(此方法一般都會有效的)

方法二:

復制代碼
代碼如下:

<div id="div1" style="float:left">div1 content</div>
<div id="div2" style="clear:both">div2 content</div>


這種方法有時候會不起作用,好像在引入別的js框架中使用部分會出現問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM