首页 » 网页前端 » CSS » 阅读文章
CSS div图片垂直居中方法
标签：垂直居中
<!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="http://www.baidu.com/img/logo.gif" alt=""/>
</div>
转载：http://bbs.blueidea.com/thread-2666987-1-1.html，我测试就这种方法ie6，7,8，firefox，chrome都兼容。
声明: 本文由Ezencart原创,转载请保留链接:CSS div图片垂直居中方法
评论 共0条 (RSS 2.0) 发表评论