asfman
android developer
posts - 90,  comments - 213,  trackbacks - 0

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 汪杰 阅读(249) 评论(0)  编辑 收藏 引用 所属分类: divandcss
只有注册用户登录后才能发表评论。

<2024年11月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

常用链接

留言簿(15)

随笔分类(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

收藏夹

http://blog.csdn.net/prodigynonsense

友情链接

最新随笔

搜索

  •  

积分与排名

  • 积分 - 466814
  • 排名 - 6

最新随笔

最新评论

阅读排行榜

评论排行榜