JS+CSS设置img在DIV中只显示Img垂直居中的部分

<div style="width: 190px; height: 100px; overflow: hidden;"> 
<img src="https://img.jbzj.com/file_images/article/201310/201310241544061.jpeg?2013924154556" width="190px" style="vertical-align: middle;" 
onload="this.style.marginTop = (parseInt(this.parentNode.style.height) - this.height)/2 + 'px';this.style.marginLeft = (parseInt(this.parentNode.style.width) - this.width) /2 + 'px'" /> 
</div> 


<!--查看原图-->
<br />
<a href="https://img.jbzj.com/file_images/article/201310/201310241544061.jpeg?2013924154556" target="_blank" style="font-size:24px;">https://img.jbzj.com/file_images/article/201310/201310241544061.jpeg?2013924154556</a>

复制以上源码粘贴到HTML文件看效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值