中心页面内容边距：0 auto；不工作？ [复制]

【问题标题】：Center page content margin: 0 auto; not working? [duplicate]中心页面内容边距：0 auto；不工作？ [复制]
【发布时间】：2018-09-09 15:38:51
【问题描述】：

我尝试添加以下内容，但没有成功。

.container_24 .grid_24 { margin: 0 auto; }

据我了解，如果边距设置为边距：0 auto;并且宽度定义如下，它应该居中？

.container_24 .grid_24 { width: 960px; }

我显然在某个地方出错了，请赐教:)

【问题讨论】：

标签： html css

【解决方案1】：

出于更好的判断，我打开了您的链接进行查看。最好不要发布这样的链接，因为每个人都有被点击诱饵的风险。总之，改用这个

div#main-content {
    text-align: center;
}

这会使您的容器内容元素居中，而不是 p 标记，因为您明确告诉它们在 CSS 中在更高范围内左对齐。因此，创建一个名为 text-center 的类，并仅使用它来覆盖您想要居中的文本

.text-center {
    text-align: center;
}

您可以使用margin: 0 auto，但您必须将显示从内联调整为内联块以及宽度。如果您要寻找的只是一个简单的信息块，那么可能不值得麻烦

【讨论】：