1

我需要<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;}有效,但我不能以这种方式设置宽度。

4

2 回答 2

2

然后这样写:

div{
 text-align:center;
}

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

检查这个http://jsfiddle.net/Wg9Dz/

于 2013-02-28T12:46:03.347 回答
0

而不是你可以使用

html

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

css

.margin-me, margin-me ul{margin:0 auto;}
于 2013-02-28T12:44:58.890 回答