软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 如何让div里的图片垂直居中

如何让div里的图片垂直居中

兼容测试:IE6以上以后FF3.0,opera 9.65 chrome

先看效果:

烈火网(liehuo.net)提示:点击新窗口预览!


提示:可修改后代码再运行!

主要代码如下:

<style type="text/css">
.liehuotb-p-c { display: table-cell; vertical-align:middle; height:140px; text-align:center; border:1px solid #090; *display: block;
*font-size: 122px;}
.liehuotb-p-c img { vertical-align:middle; }
</style>

其中有两点:
1.font-size与height的比例大致为0.872左右
2.table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>)

PS:比其它的用什么table,绝对定位,来讲.这个代码非常不错.

    相关阅读
    栏目导航
    推荐软件