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

最新推荐文章于 2022-02-14 16:24:05 发布

djk8888

最新推荐文章于 2022-02-14 16:24:05 发布

阅读量235

点赞数

分类专栏： html JS代码文章标签： html css css3

原文链接：https://www.jb51.net/article/42371.htm

版权

html 同时被 2 个专栏收录

97 篇文章 1 订阅

订阅专栏

JS代码

76 篇文章 1 订阅

订阅专栏

<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文件看效果