通常在列表中表示的页脚中有一组链接,例如:
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
我希望 div#footer 中的所有内容都水平居中。如果是一个段落,你会很容易地说:p { text-align: center; }
. <ul>
或者,如果我知道我可以说的宽度#footer ul { width: 400px; margin: 0 auto; }
。
但是如何在不设置固定宽度的情况下将无序列表项居中<ul>
?
编辑:澄清 - 列表项应该彼此相邻,而不是在下面。