Html 将此div放置在其中心'；谁的集装箱？

在您尝试解决此问题之前，请仔细阅读我正在处理的约束

约束条件

.pictureContainer

需要保持

位置：相对位置（因为我有一个悬停菜单，它的位置绝对相对于它）

图像可能小于幻灯片的80%，在这种情况下，图像仍必须在中心对齐。这意味着什么？您不能简单地执行

边距：0 10%

，因为是的，这将使此特定案例居中，但它不会满足图像小于幻灯片宽度80%的情况

您好，我是内联块元素，它位于另一个内联块元素旁边，这不是很好吗？我觉得那太好了！

---

首先，尝试包装您的

div

class=“pictureContainer”

并为

包装提供css
html

工作
希望此帮助
首先尝试包装您的
div
class=“pictureContainer”

，并将css提供给

包装器

html

工作
希望这有帮助

为什么不简单地添加：

text-align: center;

到pictureContainer css声明。它将使任何图像居中。

为什么不简单地添加：

text-align: center;

---

到pictureContainer css声明。它会将任何图像居中。

正如@jhunlio的答案所示：

使用css在其周围创建一个包装

.wrapper {
    margin:auto;
    width: 600px;
}

这里的技巧是宽度是固定的，边距设置为自动

---

这意味着边缘（外层空间）将以固定宽度均匀分布在包装的两侧。因此，它是在中间。

< P>就像@ JuniLo的回答暗示：

使用css在其周围创建一个包装

.wrapper {
    margin:auto;
    width: 600px;
}

这里的技巧是宽度是固定的，边距设置为自动

---

这意味着边缘（外层空间）将以固定宽度均匀分布在包装的两侧。

什么是<代码>这个div <代码>在你的标题中，你的帖子中的代码和jsFIDLE中的代码是不同的。我想你想知道什么是<代码>这个div <代码>在你的标题里，你的帖子中的代码和jsFoDeld中的代码不同。我想你想这样做。