img.width =100 ;//跟div高度一致
img.height = (100/realWidth)*realHeight;//等比缩放高度
img.style.top = '-' + ((100/realWidth)*realHeight-100)/2 + 'px';//设置图片相对自己位置偏移为img标签的高度-宽度的一半
}else {
img.width =100 ;
img.height = 100;
}
};
//图片加载失败的处理
img.onerror = function () {
img.src = "http://huoche.7234.cn/images/jb51/3iigvuj12tz.jpg";
img.width =100 ;
img.height = 100;
}
</script>
上面注释已经很清楚了，主要是div控制了大小，img标签根据div的大小来调节自身的大小。在进行偏移，从而达到显示图片中间部分的图片。个人觉得第三种方法比较好用。
以上所述是小编给大家介绍的HTML中img标签只显示图片中心位置的方法(三种方法)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
