我使用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>
答案 0 :(得分:5)
看看Chris Coyier的这个教程: http://css-tricks.com/vertically-center-multi-lined-text/
希望这有帮助。