JS CSS sets img to display only the vertically centered part of Img in DIV_javascript tips

Img is displayed in a Div. The width of img is the same as that of Div, but the height is not fixed. It is required that only the vertically centered part of Img be displayed.

Example:


Original image:


Code implementation:

Copy code The code is as follows:

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'" />

Click to download the source file