无序列表在页面居中时如何左对齐列表项？

Question

我有一个包含多个列表项的无序列表的 div。我正在使用 ie6 并且基本上试图将无序列表在屏幕上居中，但同时希望实际的列表项文本与左侧对齐。

目前，我在中心标签中有我的无序列表，它使列表居中，但我现在实际上想左对齐实际的列表项文本。

为什么我现在无法左对齐文本？

Answer 1

您需要居中包含div，而不是整个文档。

div#theID {
    margin: 0 auto; /* auto margins will center */
    width: 200px; /* needs a set width, for auto-margins */
}

如果 IE 6 不喜欢这个，你可以像这样添加一个修复

body {
    text-align: center;
}

div#theId {
    text-align: left;
}