html - 垂直居中对齐文本 - 在所有 IE 中

Question

我在 Div 中有一个文本控件。我想放置与 div 垂直居中对齐的文本。

div 具有以下样式:

 display: table-cell;
 vertical-align: middle;
 text-align: Left;
 font-size: 14px;
 height: 80px;
 padding: 0 15px 0 15px;
 overflow: hidden;

问题:

它在 IE8 中按预期对齐文本，但在 IE7 和 IE6 中失败。

无论如何都要修复它，所以它在所有 IE 中都可以正常工作。

Answer 1

给类添加行高和位置

line-height: 80px;
position: absolute;

最后你的 CSS 看起来像:

display: table-cell;
vertical-align: middle;
font-size: 14px;
height: 80px;
padding: 0 15px 0 15px;
overflow: hidden;
border: 1px solid;
line-height: 80px;
position: absolute;

引用 LIVE DEMO