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