在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/

希望这有助于。