Question

我有一个白色div的网格，后面有一个绿色div (like this)。我试图在每个div中放置文本，但由于某种原因，当我给出div文本时，该div向下移动(like this)。我可以使用什么css属性/ HTML技术使div保持原位，同时还能保留文本？

HTML包含一个带有此CSS的div：

#main {
top: 50px;
height: 280px;
width: 100%;
background-color: green;
position: fixed;
}

包含带有此CSS的div：

.small {
position: relative;
background-color: white;
border: 4px solid black;
width: 5%;
height: 80px;
display: inline-block;
margin-top: 2px;
}

看起来像这样：

<div id="main">
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<!-- etc -->
</div>

Answer 1

它们在基线处对齐。如果有文本，那就是文本的基线（即最后一行文本），如果没有，则它靠近容器的底部。

添加

{{1}}

改变这一点。