垂直对齐文本 - 在所有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

使用

position:relative top:50% top:-50%

对于ie 6/7，这可能会有所帮助！

Answer 2

在班级

中添加行高和位置

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

Answer 3

尝试行高：80px，我认为它会起作用。