这篇博客介绍了如何使用JavaScript控制图片自适应其父元素的大小，并且实现图片在父元素内的居中显示。通过`imgFit`函数，根据图片的实际宽度和高度与父元素的最大宽高比，调整图片的尺寸，确保不超出限制。同时，增加了居中处理的`imgFit`函数版本，通过计算差值来设置图片的margin，达到水平或垂直居中的效果。
//
图片自适应大小
//
id为img控件的id
//
width与height为img父控件的宽高——即img的最大宽高
//
示例：<img id="dd" src="ee.jpg" onload="imgFit('dd',100,200)" />"
function
imgFit(id,width,height)
...
{
var imageArr=document.getElementById(id); if(imageArr.offsetWidth>width || imageArr.offsetHeight>height)
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
