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

Posted 2023-03-05

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

【英文标题】：Center page content margin: 0 auto; not working? [duplicate]

【发布时间】：2018-09-09 15:38:51

【问题描述】：

我正在尝试使此页面上的内容居中http://www.seoweather.com/google-cache-search/

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

.container_24 .grid_24  margin: 0 auto; 

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

.container_24 .grid_24  width: 960px; 

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

【问题讨论】：

使用检查器查看是否没有其他 css 边距规则推翻此规则

please enlighten me --> 在这里分享你的完整代码，我们会做的

【参考方案1】：

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

div#main-content 
    text-align: center;

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

.text-center 
    text-align: center;

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