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

问题描述：

我在Div中有一个文本控件。我想将文本垂直居中对齐div。对齐垂直居中的文本 - 在所有IE中

的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浏览器中都能正常工作。

div包含单行或多行？ – Sowmya

可能的重复[http://stackoverflow.com/questions/6679966/vertically-align-text-within-div-element](http://stackoverflow.com/questions/6679966/vertically-align-text-within-div -element） – Morpheus

Div包含多行 – user1820973

答

使用

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

为即6/7，这可能是有帮助的！

看起来像这样在所有情况下都不起作用。 – user1820973

答

添加行高度和位置对类

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

当我的文本有换行符时，这不起作用。它不会在换行符中显示文本。 – user1820973

答

尝试的line-height：80px，我觉得它会工作。

不工作。 Div应该在指定的高度内有任何数字。但行高：80只显示一行文字。 – user1820973

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

相关推荐