文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>让图片在div中垂直居中的方法

让图片在div中垂直居中的方法

时间:2010-06-08  来源:nvshdtb

在学习CSS中遇到的一个问题:



本问题就是图片在div中无法垂直居中~~

问题现象:div中的图片大小不可知,在图片很小的时候是居顶部显示的,我想让它居中显示,但不想让他在div中间或使用table。

已经试验过了使div的display属性为table,让图片的属性为 vertical-align:middle;,这个方法都不行。

经过在网络上搜索,终于找到了一个很好的方法:

<div style=" text-align:center;border:solid #006633 1px; width:200px; padding:0; font-size:0; line-height:0;">
 <img src="http://www.zxx6.com/images/webzuo/logo.gif" onload="this.style.marginTop=((this.parentElement.offsetHeight-this.offsetHeight)/2);" style="margin-top:0px;" />
</div>


此方法可以很好的解决这一问题,大家不妨一试。

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载