Css 跨内div和不同字体大小对齐

我在一个div中有3个跨距

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

标题
一些信息
托莱特

为了使

c

类垂直对齐，我必须使用margintop来修复它 然而，对于IE7来说，情况就不同了。 以下是在线示例：

是的，我希望IE7也能工作。 如果有人能帮我找到更好的解决方案？谢谢

解决方案如下所示，适用于寻找IE7解决方案的人

我从他那里得到了答案

尝试小幅度更改标记：在项目之前放置带有浮动的项目 没有它（来自同一行）。这应该会有帮助

---

创建一个只支持ie的样式表

每当您

浮动

元素时，您都隐式声明

显示：块

。因此，当您编写以下代码时：

.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;
}

---

非常感谢你的回答，它比页边空白要好得多，我认为对于IE7，我最好使用单独的css规则