Css 让元素在IE7中垂直居中显示

我可以让它在除IE7之外的所有浏览器中工作

HTML 小提琴：

问题是，

h2

被向下推，购买

.verticalMiddle{height:50px；}

，但原因仅限于IE7（而不是

.jArrow

，原因很奇怪）

我可以通过添加

.inlineWrapper {display:inline;}

---

但是，它在其他浏览器中破坏了它。为什么文本会被向下推？如何正确对齐？

显示：IE7中的内联块只适用于自然内联的元素

幸运的是，有一个简单的解决办法。替换此项：

display: inline-block;

为此：

display: inline-block;
*display: inline;

在大多数情况下，您也必须这样做，但在您的情况下并不需要这样做

*
是一种仅在IE7及更低版本中应用属性的方法。
IE7不支持显示：内联块属性，这是您最可能遇到的问题。出于好奇，缩放：1在什么情况下适用？我所了解的只是它有时会修复IE7的bug。没问题。在回答您的补充问题时。在适用时适用：）
display: inline-block;

display: inline-block;
*display: inline;