我需要<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;}
有效,但我不能以这种方式设置宽度。
我需要<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;}
有效,但我不能以这种方式设置宽度。
然后这样写:
div{
text-align:center;
}
ul{
display:inline-block;
*display:inline; /* For IE7 */
*zoom:1; /* For IE7 */
vertical-align:top;
}
而不是你可以使用
html
<div class = "margin-me">
<ul>
<li>hello</li>
<li>bye</li>
</ul>
</div>
css
.margin-me, margin-me ul{margin:0 auto;}