对多个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”

回答

相关问题