图片垂直居中

最新推荐文章于 2024-11-03 19:27:37 发布

nick848

最新推荐文章于 2024-11-03 19:27:37 发布

阅读量353

点赞数

分类专栏： Html 文章标签： xhtml html ie

Html 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

转自：http://bbs.blueidea.com/thread-2666987-1-1.html

链接中展示了8种图片垂直居中的方法，个人比较喜欢使用的是倒数第二种：

<!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>