對多個div標籤使用「inline-block」

我有2個div元素，並且右邊相同。他們有display: inline-block作爲他們的風格。我如何將它們放置在圖片所示的相同高度：對多個div標籤使用「inline-block」

來源

2017-02-28 Alexander Dimitrov

給出divs vertical-align:top規則。內聯元素的默認垂直對齊方式是baseline。

來源

2017-02-28 16:05:07 j08691

我知道這是什麼一樣簡單那個，謝謝！ –

還有一個快速問題，假設我在第二個容器（比第一個容器的高度短）後面添加了另一個容器，我可以使第三個容器停留在第二個容器的下面（在第一個容器的右邊），而沒有使用表格？ –

也許，但您需要發佈[mcve]，以便我們可以看到一些實際的代碼並重現您所描述的內容。 – j08691

-2

我會漂浮：離開了他們，而不是顯示：inline-block的

來源

2017-02-28 16:06:14

使用垂直對齊對齊的div頂端

.mDiv{ 
 
    display:inline-block; 
 
    vertical-align:top; 
 
    width:300px; 
 
    height:200px; 
 
    background-color:red; 
 
    float:left; 
 
} 
 

 
.mDiv2{ 
 
    display:inline-block; 
 
    vertical-align:top; 
 
    width:300px; 
 
    height:50px; 
 
    background-color:blue; 
 
    float:left; 
 
}

<html> 
 
<head> 
 
</head> 
 
<body> 
 
<div class='mDiv'>1</div> 
 
<div class='mDiv2'>2</div> 
 
</body> 
 

 

 

 
</html>

來源

2017-02-28 16:09:15 Desu

對多個div標籤使用「inline-block」

回答

相關問題