關於li標簽之間的間隔如何消除!


  問題:li標簽用了display:inline之后雖然成功的合並在一行,但是li標簽之間出現了間距。

  原因:按enter鍵換行之后li標簽之間存在着空格,正是這些空格占據了li標簽之間的空間。

  解決方案:1、將li標簽之間用注釋填補

          <li>內容</li><!--

           --><li>內容</li>

       2、將ul標簽屬性 設置為font-size = 0,然后再設置li標簽的 font-size屬性;

       3、li選擇器中加入 float: left; 讓li變成浮動,各個<li>標簽就會緊挨着排列。  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM