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

时间:2013-07-30 07:37:46

标签: css css-position

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

这就是它的样子:

http://jsfiddle.net/pV6EV/1/

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

http://jsfiddle.net/pV6EV/2/

正如您所看到的,在第二个示例中正确定位了类l34的div,但我也需要在其中包含标签。

任何建议都会很棒!

3 个答案:

答案 0 :(得分:3)

因为你在课堂上使用了inline-block;,为什么元素没有正确对齐,只需在vertical-align:top;中添加.134 class即可修复

http://jsfiddle.net/pV6EV/5/

答案 1 :(得分:1)

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

display: block;
float: left;

它对我有用。

答案 2 :(得分:1)

尝试替换:

.l31 {
  display: inline-block;
}

使用:

.l31 {
  float:left;
}

演示:http://jsfiddle.net/pV6EV/4/