css - div包含文本时元素的奇怪定位

Question

我有这个问题，我有一些容器需要在父容器中对齐，但由于某种原因没有发生。

这是它的样子：

如果我从顶部和底部删除标签，就会发生这种情况（删除这段代码<div class="eticheta">top</div>和<div class="eticheta">bottom</div>）

如您所见，在第二个示例中，l34 类的 div 位置正确，但我也需要在其中包含标签。

任何建议都会很棒！

score 3 · Accepted Answer

这是因为您inline-block;在课堂上使用了为什么元素没有正确对齐，只需添加vertical-align:top;它.134 class就会修复它

score 1 · Accepted Answer

我尝试过的一件事是更改 l31 和 l24 的显示属性。如果你给他们

display: block;
float: left;

这个对我有用。

score 1 · Accepted Answer

尝试替换：

.l31 {
  display: inline-block;
}

和：

.l31 {
  float:left;
}

3 回答 3