的UL我有围绕与浮动李
<div id="container">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
用下面的CSS:
#container li {
float:left;
height:33px;
line-height:30px;
text-align:center;
width:auto;
}
#container{
width:600px;
}
但是我有在水平居中内#container
上行难度。看起来我需要在ul上设置一个固定的宽度来使margin: 0 auto
正常工作(IE需要text-align: center
)。但是我不想为ul设置固定的宽度,因为li项目是动态的。
请指教。
谢谢你,但不inline-block的不工作在IE6(和IE7?)? – cadaa 2010-10-12 09:49:34
你可以尝试这个技巧,使其与IE(我无法验证它是否工作,因为我现在在Mac上)工作。将此添加到'#container ul':'zoom:1; * display:inline;'这里的基本原理在这里解释:http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ – 2010-10-12 10:30:48