CSS 图片垂直居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
div {
display:table-cell;
height:300px;
width:500px;
text-align:center;
border:1px solid #000;
vertical-align:middle
}
</style>
<!--[if IE]>
<style type="text/css">
i {
*display:inline-block;
*height:100%;
*vertical-align:middle
}
img {
*vertical-align:middle
}
</style>
<![endif]-->
<div>
<i></i>
<img src="3.jpg" alt=""/>
</div>

你可能感兴趣的:(html,css,XHTML,IE)