JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 21:14:42
JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧
JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧:一个Div中显示Img，img的宽和Div相同，但高不固定，要求只显示Img垂直居中的部分。 示例： 原图： 代码实现： 代码如下: onload=this.style.marginTop = (parseInt(this.parentNode.style.height) - this.height)/2
导读JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧:一个Div中显示Img，img的宽和Div相同，但高不固定，要求只显示Img垂直居中的部分。 示例： 原图： 代码实现： 代码如下: onload=this.style.marginTop = (parseInt(this.parentNode.style.height) - this.height)/2
一个Div中显示Img，img的宽和Div相同，但高不固定，要求只显示Img垂直居中的部分。
示例：
原图：
代码实现：
代码如下:
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'" />
点击下载源文件
JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧
JS+CSS设置img在DIV中只显示Img垂直居中的部分_javascript技巧:一个Div中显示Img，img的宽和Div相同，但高不固定，要求只显示Img垂直居中的部分。 示例： 原图： 代码实现： 代码如下: onload=this.style.marginTop = (parseInt(this.parentNode.style.height) - this.height)/2
