Chrome, Firefox, Safari, Opera, IE8/9
CSS
.a{
display: table-cell;
vertical-align: middle;
}HTML
<div class="a">
<img src="…" />
</div>
IE7
CSS
.a{
display: table-cell;
line-height: (高度同容器 height) ;
vertical-align: middle;
}
.b{
display: inline;
}HTML
<div class="a">
<img src="…" class="b" />
</div>
P.S. 若使用此方法後，在 IE7 仍然無法垂直置中，請檢查一下在 <html> 前有沒有 <!DOCTYPE> (W3CSchools <!DOCTYPE>)
沒有留言:
張貼留言