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