让图片在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>
此方法可以很好的解决这一问题,大家不妨一试。
相关阅读 更多 +