怎么让ul中的li居中显示？

来源：百度知道 编辑：UC知道 时间：2024/05/23 11:09:31
ul的高度是30px;li中的字是18px，但是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>