css 垂直居中
<style type="text/css">
.box {
display: table-cell;
vertical-align:middle;
width:200px;
height:200px;
text-align:center;
/* hack for ie */
*font-size: 175px;
/* end */
border: 1px solid #eee;
}
.box img {
vertical-align:middle;
}
</style>
<div class="box">
<img src="http://www.baidu.com/img/logo-yy.gif" width="137" height="46" />
</div>
高度/字体大小的比值为1.14左右时 IE可实现垂直居中。
posted on 2008-08-24 14:04
汪杰 阅读(235)
评论(0) 编辑 收藏 引用 所属分类:
divandcss