本文章提供解决该问题的几种方法:
1.既然是换行导致的出现空格,那就把内联元素代码写在一行且中间没有空格,这是最可靠简单的方法,缺点是影响代码美观度
2.给内联元素的父元素设置font-size:0,内联元素设置单独的font-size(原理是一般空格是宋体父容器元素字体大小的一半,如果设置为0,0的一半也是0)
3.使用HTML注释作为元素之间的间隔。用法如下
<div>
<a href="">item01</a><!--
--><a href="">item02</a>
</div>
4.给内联元素加margin-left的负值来抵消空格的位置(这是最不可靠最差的方法)
5.把内联元素结束的>放在下一个内联元素标签的开始
<div>
<a href="">item01</a
><a href="">item02</a
><a href="">item03</a>
</div>