對齊垂直居中的文本 - 在所有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瀏覽器中都能正常工作。

來源

2013-01-09 user1820973

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，這可能是有幫助的！

來源

2013-01-09 10:22:04 sourcecode

看起來像這樣在所有情況下都不起作用。 – 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

來源

2013-01-09 10:51:44

當我的文本有換行符時，這不起作用。它不會在換行符中顯示文本。 – user1820973

嘗試的line-height：80px，我覺得它會工作。

來源

2013-01-09 10:52:24 dekisha

不工作。 Div應該在指定的高度內有任何數字。但行高：80只顯示一行文字。 – user1820973

對齊垂直居中的文本 - 在所有IE中

回答

相關問題