Question

隐藏图片超出div部分代码如何写的？

因为图片横向竖向不一，要求横竖通用。比如div设置成方形，横图时隐藏左右两头超出div框的部分，竖向图片时，隐藏上下超出div的部分，见附图示意。代码简单点最好。

Answer 1

把图片作为div的背景图片是最容易实现你所要的效果的方式：
<div style="width:400px; height:400px; background:url(图片url写在这) no-repeat center / cover"></div>
如果一定要用img标签那就要css和js结合才能实现了：
<div style="position:relative; width:400px; height:400px; overflow:hidden">
<img src="图片url写在这" style="position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)" onload="(this.width>this.height)?this.style.height='400px':this.style.width='400px';"/>
</div>