0

我知道这听起来很奇怪，但我遇到了这个问题，我无法将<body>标签内的元素居中。我已经用过margin: 0px auto;，但仍然没有任何效果。有没有办法通过使用 jquery 来实现？谢谢

这是我的 .css 文件中的代码

body {
margin: 0px auto !important;
background:#FFFFFF;
font-family:Arial;
font-size:12px;
}
4

5 回答 5

1

设置自动边距有效，但它需要固定在该元素上才能工作。

<your-element>{
   width:200px;
   margin:0 auto;    
}​

如果您想将多个元素居中，您可以在所有这些元素上设置宽度和边距，或者更简洁 - 引入一个包装器元素，该元素包含您想要居中的所有元素并声明该元素的宽度和边距。这样做的好处是您只需要声明一次宽度，以后更容易更改它。

于 2012-08-02T08:16:48.523 回答
1

设置margin: 0px auto;在要居中的元素上。

例子：

  body{
      width: 100%;
  }

  .aDiv {
     width: 200px;
     height: 200px;
     margin: 0 auto;
  }

看演示

编辑：

正如OP在他的评论中所说的那样；

他想将身体内的所有元素集中在一起。

所以我建议设置margin: 0px auto;你想要居中的所有元素。

查看示例

于 2012-08-02T08:21:12.920 回答
0

您应该能够简单地使用 CSS 使内容居中：

 body{text-align:center;}

但如果您已经这样做了，但没有任何效果，请尝试在子元素的任一侧使用填充，以便它们位于中心。

 body{text-align:center; padding-left:20%; padding-right:20%;}

如果您仍然遇到问题，请确保您尝试居中的元素未设置为 position:relative; 或位置：绝对；

于 2012-08-02T08:28:01.357 回答
0

您可以在您的 parent 中创建一个 div <body>，给它一个特定的宽度，然后通过自动设置左右边距来将其居中。

例如;

.test{
    background: #06C;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    width: 80%; /* or you may give it in px like 100px */
}

这是现场演示

于 2012-08-02T08:29:07.490 回答
0

相当简单。

body {
 text-align:center; /* ie */}
div#website_container {
 width:960px;
 margin:0 auto; /* others */
 text-align:left;}

然后开始在 div 中创建您的站点website_container。

于 2012-08-02T08:50:14.613 回答