Html 如何使这些图像在页面上居中？

我正在做一个初学者项目，因为我是web开发/设计的新手，我正在尝试将这些图片放在中心位置。我在Firefox中添加了一个链接，其中包含我的代码截图和网页

---

如果您的图像没有包装在另一个div中，通常会发生什么情况

.grid {
    margin:0 auto; // Shortcut for margin-left:auto and margin-right: auto
    width: 1000px;
    text-align: center;
}

它所做的是将所有内容与div的中心对齐

但是，由于所有图像都包装在另一个元素中，因此它们不会居中，具体取决于容器元素的样式

我想说的是解决您的问题的最佳方式：

---

图像是内联级别的元素。它们被视为文本、链接。。。只需使用

文本对齐：居中在他们的容器元素上。我将它们包装在那个div中，以便将图像裁剪到相同的大小/形状，但我只是添加了文本align:center；在上面的.grid中，它完美地居中。它大部分时间都能工作，但偶尔会根据您的设计进行一些小的更改。我用一种不同的方式更新了我的帖子，用更少的代码完成