垂直對齊問題在IE7

我在項目中使用此代碼：垂直對齊問題在IE7

#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中正常工作。

來源

2011-08-25 Shankaralwar

我們將需要您的HTML爲您提供一種由IE7支持的垂直居中方法。 – Kokos

沒有看到HTML，就不可能知道代碼發生了什麼，或者你期望它做什麼。你能在jsfiddle.net上彈出一個例子嗎？ –

我們可以使用更多的上下文，如HTML ...但垂直對齊不是真的垂直對齊文本，除非在表格單元模式下呈現。如果它是一個普通的塊或內聯，你只能設置填充或行高，但只有當你知道元素的高度時纔有效。

您的其他解決方案將在頁面加載後查看JavaScript中的元素高度，並進行一些數學計算以確定要設置的CSS填充類型。

來源

2011-08-25 13:58:52

垂直對齊問題在IE7

回答

相關問題