Html 如何在有100%背景的情况下居中显示内容和元素 我试图设置一个布局，内容（可以是文本或任何东西）在中间，而背景颜色或图像在整个宽度中。我的解决方案是创建一个具有背景的元素容器和一个子元素，该子元素具有较小的宽度和边距：0 auto

（）

有没有其他人能想出一个更简单的解决办法

谢谢，

---

Gasim

你的方法就是如何做这件事，而且可能是最好的方法

但是，如果您想使用最小标记，您可以使用另一种方法，即剪切

元素，并仅将

边距

应用于

下的元素。元素容器

如下：

---

我更愿意使用您的原始方法的原因是，我可以更轻松地设置内部元素的背景样式，并将所有内容一起设置样式，而无需使用

*

选择器。

您的解决方案看起来更简单，这是正确的方法，我实际上非常喜欢这个想法。但我只将其应用于直接子级：

元素容器>*

。

.element-container * {
    padding: 5px;
    width: 50%;
    text-align: justify;
    margin: 0 auto;
}

.element-container h2 {
    text-align: right;
}