问题: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>标签就会紧挨着排列。