联系我们

为客户提供超预期的高品质网站设计!

CSS中ul li居中的问题

2016-10-20 0:00:00

使用这种方法主要是利用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="index.aspx" title="Home">Home</a></li>
  <li>|</li>
  <li><a href="info.aspx?info_id=8" title="About Us">About Us</a></li>
  <li>|</li>
  <li><a href="info.aspx?info_id=9" title="Department Design">Department Design</a></li>
  <li>|</li>
  <li><a href="info.aspx?info_id=10" title="Law Declaration">Law Declaration</a></li>
  <li>|</li>
  <li><a href="info.aspx?info_id=11" title="Contact Us">Contact Us</a></li>
  <li>|</li>
  <li><a href="info.aspx?info_id=12" title="Application Agent">Application Agent</a></li>
  <li>|</li>
  <li><a href="info.aspx?info_id=13" title="Job Services">Job Services</a></li>
  <li>|</li>
  <li><a href="info.aspx?info_id=14" title="Apply Link">Apply Link</a></li>
 </ul>
</div>


上一条新闻:asp.net fileupload控件以时间命名上传
下一条新闻:win2003+iis6.0下ASP程序出现连接数据库错误的问题

 

400-6137-308 54057491 info@maolian.net