在IE7中垂直對齊

Question

我已經使用CSS創建無表格佈局。雖然這在IE8，FireFox和Chrome中正確渲染，但它不在IE7上，我預料中的。但我想知道是否有任何解決方案vertical-align: middle;。這似乎是我在IE7中問題的核心。

#main { 
    margin: 0 auto; 
    height: 500px; 
    display: table; 
    position: relative; 
} 

#main ul { 
    display: table-cell; 
    vertical-align: middle; 
    text-align:center; 
} 
#main ul li { 
    display: inline-block; 
    margin: 10px; 
    border: 1px solid #d0dad2; 
    height: 170px; 
} 

<div id = "main"> 
    <ul> 
     <li><img src="images/test.jpg" alt="staff" /></li> 
    </ul> 
</div> 

Answer 1

看一看本教程由克里斯Coyier： http://css-tricks.com/vertically-center-multi-lined-text/

希望這有助於。