問題: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>標簽就會緊挨着排列。
問題: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刪除。