Question

我在div中有3个跨度。

<div class="align">
  <span class="a">Title</span>
  <span class="b">Someinfomation</span>
  <span class="c">Toright</span>
</div>

要使c类垂直对齐，我必须使用margin-top来修复它然而，对于IE7看起来不同。这是在线样本：http://jsfiddle.net/wZmGQ/

是的，我希望IE7也能正常运行。如果有人可以帮我提供更好的解决方案？谢谢

对于寻找IE7解决方案的人来说，解决方案如下所示

得到答案

尝试小改变标记：在项目之前放置具有浮动的项目没有它（来自同一行）。它应该有所帮助。

Answer 1

每当你float一个元素时，你隐式地声明display:block。所以当你编写以下代码时：

.some-element {
    display: inline-block;
    float: right;
}

...与这样做完全相同：

.some-element {
    display: inline-block;
    display: block;
    float: right;
}

......但我意识到这对你没有多大帮助。看看这个小提琴，抱歉我目前无法在IE7中测试，但看看这是否有助于你找到正确的方向：

基本上就是这样：

.align{
    border: 1px solid black;
    line-height: 35px; /* larger than your largest font size */
}
.a, .b, .c {
    vertical-align: middle;
}

Answer 2