如何设置边距：自动到无序列表？ <ul>

Question

我需要使用margin: 0 auto; 将<ul> 元素居中

如果我为 ul 元素 (width:300px) 设置宽度，那么它可以正常工作。但是我不能这样做，因为它是一个动态列表，所以宽度一直在变化。

HTML：

<div>
<ul>
<li>hello</li>
<li>bye</li>
</ul>
</div>

CSS：

ul{margin:0 auto;} 但它不起作用。

ul{margin:0 auto;width:300px;} 可以，但是我不能这样设置宽度。

Answer 1

然后这样写：

div{
 text-align:center;
}

ul{
 display:inline-block;
 *display:inline; /* For IE7 */
 *zoom:1; /* For IE7 */
 vertical-align:top;
}

查看http://jsfiddle.net/Wg9Dz/

Answer 2

而不是你可以使用

html

<div class = "margin-me">
<ul>
<li>hello</li>
<li>bye</li>
</ul>
</div>

css

.margin-me, margin-me ul{margin:0 auto;}