div里图片的垂直居中
http://ued.taobao.com/blog/2007/10/22/css-notes-5/
兼容测试:IE6以上以后FF3.0,opera 9.65 chrome
先看效果:
主要代码如下:
其中有两点:
1.font-size与height的比例大致为0.872左右
2.table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
PS:比其它的用什么table,绝对定位,来讲.这个代码非常不错.
兼容测试:IE6以上以后FF3.0,opera 9.65 chrome
先看效果:
主要代码如下:
copy
code:
code:
<style type="text/css">
.tb-p-c { display: table-cell; vertical-align:middle; height:140px; text-align:center; border:1px solid #090; *display: block;
*font-size: 122px;}
.tb-p-c img { vertical-align:middle; }
</style>
其中有两点:
1.font-size与height的比例大致为0.872左右
2.table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
PS:比其它的用什么table,绝对定位,来讲.这个代码非常不错.