0

我在 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 中都可以正常工作。

4

3 回答 3

0

将行高和位置添加到类

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;

参考现场演示

于 2013-01-09T10:51:44.420 回答
0

试试 line-height: 80px，我认为它会起作用。

于 2013-01-09T10:52:24.557 回答
0

利用

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

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

于 2013-01-09T10:22:04.277 回答