Html Can'；无法将我的列表项置于中心

我有下面的代码，我希望列表居中（现在它向左拉）。知道为什么吗

<div class="row" style="width:100%;text-align:center;">
<div class ="banner span12" style="padding-top: 0px; padding-bottom:0px;text-align:center;">
<p style="font-size:18px;padding-top:6px;"> Or Start Browsing the Library ... </p></center>
</div>
<br>
<br>
<ul class="nav nav-pills" style="text-align:center;">
<li class="active" style="text-align:center;">
    <a href ="#"> Library1 </a>
</li>
<li>
    <a href ="#"> Library2 </a>
</li>
<li>
    <a href ="#"> Library3 </a>
</li>
</ul>

---

给它一个宽度并应用边距：0自动

ul.nav-pills {
    width: 300px;
    margin: 0 auto;
}

<div class="row" style="width:100%;text-align:center;">
<div class ="banner span12" style="padding-top: 0px; padding-bottom:0px;text-align:center;">
<p style="font-size:18px;padding-top:6px;"> Or Start Browsing the Library ... </p></center>
</div>
<br>
<br>
<ul class="nav nav-pills" style="text-align:center;">
<li class="active" style="text-align:center;">
    <a href ="#"> Library1 </a>
</li>
<li>
    <a href ="#"> Library2 </a>
</li>
<li>
    <a href ="#"> Library3 </a>
</li>
</ul>

ul.nav-pills{
宽度：300px；
保证金：0自动；
}

我们可以看一下您的

ul

、

li

和

导航药丸
类别声明吗？还有，你在说什么浏览器？它在Chrome中完美居中：我看到你在使用引导。以下链接可能有您问题的答案：谢谢Oleg，这就是问题所在。您的代码在我的页面上居中于ul框的中心（但li元素不在ul框的中心）。。。我现在如何将ul中的各个列表元素居中到ul定义中的中心？另外，你能解释一下保证金的作用吗？这是代码。。。如果您没有任何其他css覆盖您的样式，它应该可以工作。。如果没有，请回来：）我仍然有一个问题，那就是它没有准确地居中。以下是更新的代码：。。。也许这有帮助。ul的宽度需要精确匹配，如果您关心ul的左右衬垫，它将居中
ul.nav-pills {
    width: 300px;
    margin: 0 auto;
}

<div class="row" style="width:100%;text-align:center;">
<div class ="banner span12" style="padding-top: 0px; padding-bottom:0px;text-align:center;">
<p style="font-size:18px;padding-top:6px;"> Or Start Browsing the Library ... </p></center>
</div>
<br>
<br>
<ul class="nav nav-pills" style="text-align:center;">
<li class="active" style="text-align:center;">
    <a href ="#"> Library1 </a>
</li>
<li>
    <a href ="#"> Library2 </a>
</li>
<li>
    <a href ="#"> Library3 </a>
</li>
</ul>