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