Html 图像居中

我正在编写一个网站，我希望在所有大小的屏幕上，图像都位于中心

我试过：-

window.onload=函数（）{
var rotator=document.getElementById（“rotator”）；
var images=rotator.getElementsByTagName（“img”）；
对于（变量i=1；i

试试这段代码

    img
    {
      display:block;
      margin:auto;
      max-width:100%;
    }

---

所有图像均居中对齐。

添加

文本对齐：居中到
pg
类并添加
margin:0自动至
img
标签

.pg {
  text-align: center;
}

.pg img{
  margin: 0 auto;
}

如果要水平和垂直居中显示，请尝试以下方法：
我已经添加了高度、宽度和边框，以使其更易于理解。
对于不同的屏幕尺寸，您必须使用媒体查询相应地指定图像宽度


window.onload=函数（）{
var rotator=document.getElementById（“rotator”）；
var images=rotator.getElementsByTagName（“img”）；
对于（变量i=1；i
.pg{
显示器：flex；
对齐项目：居中；
证明内容：中心；
高度：200px；
边框：1px纯红；
}
img{
宽度：80px；
}

可能会有帮助。尝试在pg类的css样式中添加position:absolute。您需要在img上应用css。使用以下css:.pg img{margin:auto；}@SAJ那么它的图像不在中间。你在img标签上尝试过margin:auto吗？首先删除您已经编写的css，这可能会产生问题。但是当我们调整浏览器的大小时，这里没有帮助，只是一个参考链接它在某个地方帮助了我，但我需要的是整个页面而不是页面的某个部分删除高度，在.pg中加边框并删除img宽度当我们调整浏览器宽度时，从侧面做图像将退出浏览器。我认为您应该为图像指定高度或宽度