頁面上有一個欄目，該DIV層大小固定，比如400400，照片需要經(jīng)常替換，照片的尺寸不固定，可能是橫版也可能是豎版的。如何設(shè)置JS+CSS，使照片只顯示400400像素（照片主體內(nèi)容需顯示完整），四周隱藏，而不致圖片失真呢？網(wǎng)上找的方法1：但是顯示不完整<div style="width:400px;height:400px;overflow:hidden;"><img src="123.jpg" onload="this.style.marginTop=500-this.height;this.style.marginLeft=500-this.width;" /></div>方法2.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'"和方法1基本沒啥差別，圖片顯示不完全，比如1400*500的圖片，只顯示了右下角一點點，內(nèi)容都不完整了大神們求好的方法？？？？？