html+css+js - html中让img图片水平居中

问题描述

问 题

将这个图片居中显示，并且不要出现横向滚动条，在不同的终端分辨率下，显示的图片不能变形

求解答。。。在线等

试过IMG｛width:100%｝没有作用

解决方案

div{
    display:block;
    float:none;
    width:100%:
    posisiton:relative;
}
div img{
    display:block;
    width:100%;
    height:auto;
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

这篇关于html+css+js - html中让img图片水平居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！