图片水平垂直居中 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<style>
.box {
 display: table-cell;
 vertical-align:middle;
 text-align:center;
 *display: block;
 *font-size: 175px; 
 *font-family:Arial; 
 width:200px;
 height:200px;
 border: 1px solid #eee;
}
.box img {
 
 vertical-align:middle;
}
</style>
<div class="box">
    <img src="http://publish.it168.com/2008/0527/images/1021354.jpg">
</div>
posted @ 2010-09-16 17:17  yuanyue82  阅读(135)  评论(0)  编辑  收藏  举报