在界面設(shè)計(jì)的時候,經(jīng)常需要將兩個div在同一行顯示。
但是每次都會忘記怎么做,特此隨筆,備忘。
如以下要將“第一個div”和“第二個div”顯示在同一行:
<div id="id1"> /*外層div*/
<div id="id2" style="width:100px;height:20px;">第一個div</div>
<div id="id3" style="width:100px;height:20px;">第二個div</div>
</div>
只需要對id2和id3增加css樣式即可,如下所示:
<div id="id1"> /*外層div*/
<div id="id2" style="width:100px;height:20px;float:left;">第一個div</div>
<div id="id3" style="width:100px;height:20px;float:left;">第二個div</div>
</div>
這樣就可以了。很簡單吧。
【 微信掃一掃 】