首頁 >web前端 >html教學 >html/css 兩個div在同一行

html/css 兩個div在同一行

WBOY
WBOY原創
2016-09-20 03:30:021902瀏覽

在介面設計的時候,常常需要將兩個div在同一行顯示。

但是每次都會忘記怎麼做,特此隨筆,備忘。

如以下要將「第一個div」和「第二個div」顯示在同一行:

  /*外層div*/

   

第一個div

   

第二個div

只需要在id2和id3增加css樣式即可,如下圖:

  /*外層div*/

   

float:left;">第一個div

   

float:left;">第二個div

這樣就可以了。很簡單吧。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn