IE7中的垂直对齐

gab*_*s20 3 html css xhtml

我用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>
Run Code Online (Sandbox Code Playgroud)

Far*_*ini 5

看看Chris Coyier的这个教程:http: //css-tricks.com/vertically-center-multi-lined-text/

希望这可以帮助.