css - 如何设置边距：自动到无序列表？

Question

我需要<ul>使用margin: 0 auto;

如果我为 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;}