前端开发，ul中的li元素之间有的间距（间隔）如何消除？

在开发过程中ul和li元素是经常使用的元素，但是有个问题随之而来，当所有li元素都横向排列时，li元素左右两边默认有间距，这种间距不是margin,也不是padding造成，而是在编译器编写代码时，习惯性的会将li元素每个写一行，但是换行的同时，浏览器会将空格渲染成间距。

解决办法：

1. 看自己是不是用的display: inline-block;进行横向排列，如果是更换成float:left;即可以消除间距；

2. 可以将li的父元素ul设置一个font-size:0; 备注：设置后请注意设置li元素中的文字大小（font-size）；

3. 可以将编辑器中的li放在一行编写，不要跨行；