0

首先这是我的代码

我在将“容器” div 及其子元素居中时遇到了很多困难。我已经尝试了每种类型的定位，但在调整浏览器大小后我无法让它保持居中。我不确定我哪里出错了，我已经在互联网上潜伏了好几个小时，试图找出它为什么没有正确定位。

非常感谢任何帮助

4

6 回答 6

2

  • 不要使body元素居中。

  • 将外部 div 居中。它需要一个特定的宽度才能居中，100% 居中的宽度没有效果。

  • 不要在 jsfiddle 中粘贴完整的网页，它会将其包装在一个页面中，因此您将拥有重复的页面元素，从而使标记无效。

http://jsfiddle.net/Guffa/2yree/14/

于 2012-08-21T10:07:06.863 回答
1

工作示例：

http://jsfiddle.net/w4Wdy/

您只需要添加：

#container{
    margin: auto;
    width: 620px;
}
于 2012-08-21T10:05:48.687 回答
0

#container元素为 100% 宽。你怎么能把与它的父对象一样宽的东西居中？你不能。

更改宽度，以便元素根据需要适合内部，但每侧都有空间以实际居中。

#container {
    margin: 0 auto;
    width: 60%;
}

http://jsfiddle.net/Kyle_Sevenoaks/2yree/8/

于 2012-08-21T10:03:36.147 回答
0

我认为您应该更改#container 元素的宽度，width: 100%; 防止元素居中，您应该将其更改为 50% 或例如 width: 300px;

于 2012-08-21T10:03:54.947 回答
0

看看这个http://jsfiddle.net/2yree/11/

编辑

http://jsfiddle.net/2yree/20/

于 2012-08-21T10:04:02.243 回答
0

我希望你正在寻找这样的东西

您的标记中几乎没有错误，因此我进行了一些更改。请在此处查看更改

于 2012-08-21T10:16:03.943 回答