【问题标题】:Center page content margin: 0 auto; not working? [duplicate]中心页面内容边距:0 auto;不工作? [复制]
【发布时间】: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 --> 在这里分享你的完整代码,我们会做的

标签: html css


【解决方案1】:

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

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-06
    • 2013-03-19
    • 2015-06-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多