div中img根据不同分辨率居中显示，超出部分隐藏_html/css

来源：动视网责编：小采时间：2020-11-27 16:01:39

div中img根据不同分辨率居中显示，超出部分隐藏_html/css

div中img根据不同分辨率居中显示，超出部分隐藏_html/css_WEB-ITnose:用div控制div中 img 图片居中显示如下图黄色区域是一张1920*300的图片如果分辨率超过1920，就完全显示出居中显示，如果分辨率是 1440的就显示出黄色图片中绿色区域大小，居中显示，如果分辨率是1024，就显示黄色图片粉色区域那么大居中显示。代码格

推荐度：

点击下载本文 文档为doc格式

导读div中img根据不同分辨率居中显示，超出部分隐藏_html/css_WEB-ITnose:用div控制div中 img 图片居中显示如下图黄色区域是一张1920*300的图片如果分辨率超过1920，就完全显示出居中显示，如果分辨率是 1440的就显示出黄色图片中绿色区域大小，居中显示，如果分辨率是1024，就显示黄色图片粉色区域那么大居中显示。代码格

用div控制div中 img 图片居中显示如下图黄色区域是一张1920*300的图片如果分辨率超过1920，就完全显示出居中显示，如果分辨率是 1440的就显示出黄色图片中绿色区域大小，居中显示，如果分辨率是1024，就显示黄色图片粉色区域那么大居中显示。
代码格式要的，不要给div设置背景图的，兼容ie 谷歌浏览器