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

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;
}