为什么我的div元素不居中？

Question

我觉得我错过了一些容易或愚蠢的事情。这是我页面上唯一无法居中的元素。我似乎无法居中ul#footer。

http://jsfiddle.net/w67rt/

Answer 1

要水平居中页脚内容，只需添加以下CSS：

#footer {
  text-align: center;
}

演示：http://jsfiddle.net/mathias/GZ6xh/

如果您希望将整个元素居中，只需给它一个宽度，然后使用margin: 0 auto：

#footer {
  width: 400px;
  margin: 0 auto;
}

Answer 2

ul＃footer的宽度未定义，因此它使用默认宽度“100％”。我尝试使用宽度：261px，然后它确实居中。

Answer 3

我找到两个解决方案：

这两个人都评论道： http://jsfiddle.net/AzNqm/

1. 定义ul的宽度，以及margin:auto
的中心块
2. 中心内部li元素

效果会一样。