狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

兩個div在同一行顯示的方法：

1、給兩個div元素設(shè)置“display:inline;”或“display:inline-block;”樣式，讓其轉(zhuǎn)變?yōu)閮?nèi)聯(lián)元素或行內(nèi)塊元素即可。

2、給兩個div元素設(shè)置“float:left;”樣式即可。

方法1：使用display屬性讓其轉(zhuǎn)變?yōu)閮?nèi)聯(lián)元素或行內(nèi)塊元素

display屬性用于定義建立布局時元素生成的顯示框類型。

• display:inline;：元素會被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。

• display:inline-block;：元素會被顯示為行內(nèi)塊元素，元素前后沒有換行符。

方法2：使用float讓Div并排顯示

我們對div設(shè)置一個float浮動屬性即可解決不并排顯示，只要你的并排div盒子總寬度小于或等于最外層盒子寬度即可實現(xiàn)多個div對象并排顯示。

float 屬性定義元素在哪個方向浮動。以往這個屬性總應(yīng)用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。

如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄。