Html 当多个div标记的宽度可变时，如何将其居中？

我看过其他一些关于这方面的文章，但即使在我的代码中使用他们的方法，对我来说似乎也不管用。当我试图将这些div居中时，我做错了什么

（摘自）

这是我的代码，也是

.pdf页面图像容器{
显示：块；
保证金：0px自动；
边框：1px实心#EEE；
}

您没有结束div标记

<img> 

可以在没有“/”的情况下工作 并在中心水平对齐使用

<div align="center" class="pdf-pageimage-container" style="position:relative;width:792px;height:612px;"></div>

---

您没有结束div标记

<img> 

可以在没有“/”的情况下工作 并在中心水平对齐使用

<div align="center" class="pdf-pageimage-container" style="position:relative;width:792px;height:612px;"></div>

---

您可以将它们放置在一个固定宽度的包装div中，然后使用自动边距将每个包装div居中

假设包装器有一个ID

wrapper

，子元素都有class

子元素

。在这种情况下，您可以在CSS中设置以下内容

#wrapper{
    width: 800px;
}
.child{
    margin: 0 auto;
}

---

您可以将它们放置在具有固定宽度的包装div中，然后使用自动边距将每个包装div居中

假设包装器有一个ID

wrapper

，子元素都有class

子元素

。在这种情况下，您可以在CSS中设置以下内容

#wrapper{
    width: 800px;
}
.child{
    margin: 0 auto;
}

---

您的HTML不正确。您正在打开

标记，但没有用

关闭它们，因此打开了大量嵌套div元素。

您的HTML不正确。您正在打开

标记，但没有使用

关闭它们，因此您正在打开大量嵌套div元素

首先，我会像这样关闭“div”标记的结尾，以保持代码的有效性

我假设这些div将堆叠在彼此的顶部，因此将其添加到“pdf pageimage container”css类中：

.pdf页面图像容器{ 明确：两者皆有； }

如果你想让div一个接一个地浮动，你可以用这个代替

.pdf页面图像容器{ 浮动：左； }

希望这有帮助

首先，我会像这样关闭“div”标记的结尾，以保持代码的有效性

我假设这些div将堆叠在彼此的顶部，因此将其添加到“pdf pageimage container”css类中：

.pdf页面图像容器{ 明确：两者皆有； }

如果你想让div一个接一个地浮动，你可以用这个代替

.pdf页面图像容器{ 浮动：左； }

---

希望这能有所帮助。

修复html，没有结束div，修复后就可以了。修复html，没有结束div，修复后就可以了。啊-树的森林！这也解释了为什么自动格式化程序表现得很奇怪。啊，森林换树！这也解释了为什么自动格式化程序表现得很奇怪。