大佬教程收集整理的这篇文章主要介绍了html – 导航中的空白区域，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我的代码..
.nav { width: 960px; margin: 50px auto; border: 1px solid #06c; display: table } .nav ul { padding: 0; margin: 0 } .nav ul li { list-style: none; float: left; border: 1px solid #06c; font-family: Swis721 Cn BT; font-weight: bold; display: block } .nav ul li a { text-decoration: none; color: #06c; padding: 10px 20px 10px 12px; display: block } .nav ul li a:hover { color: #fff; BACkground: #06c }
<div class="nav">
<ul>
<li><a href="#">ALL</a>
</li>
<li><a href="#">AGENCY</a>
</li>
<li><a href="#">AUTOMOBILES</a>
</li>
<li><a href="#">BANKING</a>
</li>
<li><a href="#">CONSUMER DURABLE & FMCG</a>
</li>
<li><a href="#">CONSULTinG</a>
</li>
<li><a href="#">EDUCATIONAL</a>
</li>
<li><a href="#">FINANCIAL serviCES</a>
</li>
<li><a href="#">HOSPITALITY</a>
</li>
<li><a href="#">INFRASTRUCTURE & REAL ESTATE</a>
</li>
<li><a href="#">INTERNATIONAL</a>
</li>
<li><a href="#">IT</a>
</li>
<li><a href="#">LEGAL</a>
</li>
<li><a href="#">MANFACTURING</a>
</li>
<li><a href="#">MARINE</a>
</li>
<li><a href="#">MEDIA</a>
</li>
<li><a href="#">OIL & GAS</a>
</li>
<li><a href="#">ONLINE</a>
</li>
<li><a href="#">OTHERS</a>
</li>
<li><a href="#">PHARMA</a>
</li>
<li><a href="#">RETAIL</a>
</li>
<li><a href="#">THEME PARK</a>
</li>
</ul>
</div>
.nav { width: 970px; margin: 50px auto; border:0px solid; display: table } .nav ul { padding: 0; margin: 0 } .nav ul li { list-style: none; float: left; border: 1px solid #06c; font-family: Swis721 Cn BT; font-weight: bold; display: block; min-width:5%; width:auto; text-align:center } .nav ul li a { text-decoration: none; color: #06c; padding: 10px 20px 10px 12px; display: block } .nav ul li a:hover { color: #fff; BACkground: #06c }
<div class="nav">
<ul>
<li><a href="#">ALL</a>
</li>
<li><a href="#">AGENCY</a>
</li>
<li><a href="#">AUTOMOBILES</a>
</li>
<li><a href="#">BANKING</a>
</li>
<li><a href="#">CONSUMER DURABLE & FMCG</a>
</li>
<li><a href="#">CONSULTinG</a>
</li>
<li style="width:25%"><a href="#">EDUCATIONAL</a>
</li>
<li><a href="#">FINANCIAL serviCES</a>
</li>
<li><a href="#">HOSPITALITY</a>
</li>
<li><a href="#">THEME PARK</a>
</li>
<li><a href="#">INTERNATIONAL</a>
</li>
<li><a href="#">IT</a>
</li>
<li><a href="#">LEGAL</a>
</li>
<li><a href="#">MANFACTURING</a>
</li>
<li style="width:15%"><a href="#">MARINE</a>
</li>
<li><a href="#">MEDIA</a>
</li>
<li><a href="#">OIL & GAS</a>
</li>
<li><a href="#">ONLINE</a>
</li>
<li><a href="#">OTHERS</a>
</li>
<li><a href="#">PHARMA</a>
</li>
<li><a href="#">RETAIL</a>
</li>
<li style="width:45%"><a href="#">INFRASTRUCTURE & REAL ESTATE</a>
</li>
</ul>
</div>
注意：请记住,在这种情况下输出会有所不同,例如更改字体,或者除了现在写入之外的任何导航位置更改.
以上是大佬教程为你收集整理的html – 导航中的空白区域全部内容，希望文章能够帮你解决html – 导航中的空白区域所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。