如何设置保证金：自动到无序列表？ <UL> </UL>

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