Html 显示图片填充满DIV区域

不同尺寸的图片在相同尺寸的DIV中显示时,充满整个区域
高度不够,则高度拉伸
高度超过,则底部部分隐藏

<div style="width:160px;height:90px;overflow:hidden;">
<img src="1.jpg" style="width:100%;min-height:100%"/>
</div> 

PS:min-height:100%,图片最小高度为100%父元素高度,所以高度不够时会拉伸
overflow:hidden,子元素超出父元素的部分隐藏,所以高度超过会被隐藏

发布了13 篇原创文章 · 获赞 0 · 访问量 531

猜你喜欢

转载自blog.csdn.net/babdpfi/article/details/104335421