如何在 IE7 中垂直对齐文本而不使用 CSS 'table-cell' 属性？

我有固定高度的 div，其中包含文本。我希望文本在 div 中间垂直对齐，但问题在于某些文本是单行，而有些文本则分成两行。对于 IE8、Chrome 和 Firefox，使用display: table-cell and vertical-align: middle提供了我需要的解决方案：

JS 小提琴在这里。把星号去掉width: 300px查看文本位于一行时的格式。

不过IE7不支持display: table-cell财产。我发现的唯一解决方案仅适用于单行，而不适用于 1 或 2 行的文本。如何让它在 IE7 中像在更现代的浏览器中一样显示，而不使用任何脚本？

IE7 CSS 调用 put 怎么样？position:relative on the div, and absolute on the h6，并保留代码vertical-align对于现代浏览器。

http://jsfiddle.net/yap59cn3/

<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->

ie7.css

div
{
    /* Use inheritance, and override only the declarations needed. */
    position:relative;
}

h6
{
    height:auto; /* override inherited css */
    position:absolute;
    top:45%;
}

我们的目标是让 IE7“美观”——无论你做什么，它永远不会像现代浏览器那样漂亮。对我来说，这不值得让人头疼（甚至一点也不值得）。