我在一个 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解决方案的人
从 float 中得到答案：就在 IE7 中掉线到新行
尝试进行小的更改标记：将带有浮动的项目放在没有浮动的项目之前（来自同一行）。它应该有帮助。
每当你float成为一个元素时，你都在隐式声明display:block. 因此，当您编写以下代码时：
.some-element {
display: inline-block;
float: right;
}
...与执行此操作完全相同：
.some-element {
display: inline-block;
display: block;
float: right;
}
...但我意识到这对你没有多大帮助。看看这个小提琴，对不起，我目前无法在 IE7 中进行测试，但看看这是否有助于你朝着正确的方向前进：
http://jsfiddle.net/ryanwheale/wZmGQ/3/
本质上是这样的：
.align{
border: 1px solid black;
line-height: 35px; /* larger than your largest font size */
}
.a, .b, .c {
vertical-align: middle;
}