Html 中心页内容页边距:0自动;不工作?

Html 中心页内容页边距:0自动;不工作?,html,css,Html,Css,我正试图将内容集中在这一页上 我尝试添加以下内容,但没有成功 .container_24 .grid_24 { margin: 0 auto; } 据我所知,如果边距设置为边距:0自动;宽度定义如下,它应该居中吗 .container_24 .grid_24 { width: 960px; } 很明显,我在某个地方出了问题,请告诉我:)根据我的判断,我打开了你的链接来查看。最好不要发布这样的链接,因为每个人都有被点击诱饵的风险。无论如何,用这个代替 div#main-content {

我正试图将内容集中在这一页上

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

.container_24 .grid_24 { margin: 0 auto; }
据我所知,如果边距设置为边距:0自动;宽度定义如下,它应该居中吗

.container_24 .grid_24 { width: 960px; }

很明显,我在某个地方出了问题,请告诉我:)

根据我的判断,我打开了你的链接来查看。最好不要发布这样的链接,因为每个人都有被点击诱饵的风险。无论如何,用这个代替

div#main-content {
    text-align: center;
}
这将使您的容器内容元素居中,而不是您的
p
标记居中,因为您明确告诉它们在CSS中以更高的范围左对齐。因此,创建一个名为“文本中心”的类,并仅用于覆盖要居中的文本

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

您可以使用
margin:0 auto
,但必须随宽度从一个内联块调整到另一个内联块。如果您只需要一个简单的信息块来居中,那么可能不值得这么麻烦

使用inspector查看是否有另一个css边距规则推翻了此规则
请启发我
-->在此处共享您的完整代码,我们将这样做