IE7中的垂直对齐问题

Question

我在我的项目中使用了这段代码：

#HomePage {
    background-image:url('../../Includes/Images/RestBg1.png');
    width:790px;
    height:514px;
    margin:0 auto;
    text-align:center;
    vertical-align: middle;
    overflow: hidden;
    margin:0 auto;
}

这个垂直中心对齐在FF，Safari和IE8中运行良好，但在IE7中无法正常工作。

Answer 1

我们可以使用更多的上下文，比如HTML ...但垂直对齐并不是真正用于垂直对齐文本，除非在表格单元格模式下进行渲染。如果它是常规块或内联，你只有实际的解决方案是设置填充或行高，尽管这些仅在你知道元素的高度时才有效。

你的另一个解决方案是在页面加载后查看JavaScript中的元素高度，并做一些数学运算来确定要设置的CSS填充类型。