如何准确清除li元素默认间距

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

1、编码时，所有的li元素写在一行里面
eg:
<ul>
<li>第一个li元素</li><li>第二个li元素</li>
</ul>

2、也可以给li的父元素ul添加样式font-size:0px;
eg:
<ul>
<li>第一个li元素</li>
<li>第二个li元素</li>
</ul>
ul{font-size:0px}
li{font-size:14px}
备注:若采用第二种方法，切记为li元素设置字体大小