[英]Vertical alignment in IE7
I have used CSS to create a tableless layout. 我用CSS创建了无表格布局。 While this renders properly in IE8, FireFox and Chrome, it does not on IE7, which I expected. 虽然这在IE8,FireFox和Chrome中正确呈现,但它并没有出现在我预期的IE7上。 But I was wondering if there was any solution for vertical-align: middle;
但我想知道是否有任何vertical-align: middle;
解决方案vertical-align: middle;
. 。 This seems to be the core of my problem in IE7. 这似乎是我在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>
Have a look at this tutorial by Chris Coyier: http://css-tricks.com/vertically-center-multi-lined-text/ 看看Chris Coyier的这个教程: http : //css-tricks.com/vertically-center-multi-lined-text/
Hope this helps. 希望这可以帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.