zen-cart网站,模版,采集,二次开发

首页 » 网页前端 » CSS » 阅读文章

CSS div图片垂直居中方法

2011-06-03 15:01 13373 0 发表评论
标签:


<!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都兼容。

相关日志:

评论 共0条 (RSS 2.0) 发表评论

  1. 暂无评论,快抢沙发吧。

发表评论

  • 
  • 插入代码

联系我 Contact Me

回到页首