html – 导航中的空白区域

概述我想使这个导航看起来像平铺格式.但是这里有一些白色空间出现在一排的末端.是否有可能使其形成像导航和环绕的边界？在它内部导航看起来像适当的瓷砖而不是一些白色空间.. 我的代码.. .nav { width: 960px; margin: 50px auto; border: 1px solid #06c; display: table } 我想使这个导航看起来像平铺格式.但是这里有一些白色空间出现在一排的末端.是否有可能使其形成像导航和环绕的边界？在它内部导航看起来像适当的瓷砖而不是一些白色空间..

我的代码..

.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 >  <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>

解决方法 可能这会起作用,因为我已经为某些’li’提供了一些特殊的样式(CSS),但是这不会提供100％的输出,但在这种情况下仍然有效.

.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 >  <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="#">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 ><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="#">INFRASTRUCTURE & REAL ESTATE</a>    </li>  </ul></div>

注意：请记住,在这种情况下输出会有所不同,例如@R_152_6502@,或者除了现在写入之外的任何导航位置更改.

总结

以上是内存溢出为你收集整理的html – 导航中的空白区域全部内容，希望文章能够帮你解决html – 导航中的空白区域所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。