CSS ul li居中本来以为很容易就实现了，因为平时都是让li float:left，这样后面的可以排成一行，对居中没做要求，不过最近搞个项目，必须让ui的每个li都居中显示，这可让我难为了，没想到一时把我难坏了，不过还是被我解决了。下面说下方法：
我的方法主要是利用li的浮动固定宽度来实现，li的默认display为block，将这个属性改为inline就可以让ul li居中，简单吧！下面来段代码实例：
<style type="text/css">
#bNav{
margin-top:10px;
background:#D9EBF5;
text-align:center;
}
#bNav ul{
padding:4px 0;
margin:0;
overflow:hidden;
}
#bNav ul li{
display:inline;
padding:0;
}
</style>
<div id="bNav" class="bNav">
<ul>
<li><a href="#" title="Home">公司主页</a></li>
<li>|</li>
<li><a href="#" title="About Us">About Us</a></li>
<li>|</li>
<li><a href="#" title="形象设计">形象设计</a></li>
<li>|</li>
<li><a href="#" title="艺术天地">艺术天地</a></li>
<li>|</li>
<li><a href="#" title="Contact Us">Contact Us</a></li>
<li>|</li>
<li><a href="#" title="应用开发">应用开发</a></li>
<li>|</li>
<li><a href="#" title="工作服务">工作服务</a></li>
<li>|</li>
<li><a href="#" title="申请链接">申请链接</a></li>
</ul>
</div>呵呵，由此你可以做成一款菜单了。
