去除行内元素之间空隙的几种方式

1. 去掉空格

   <ul>
     <li>
       one</li><li>
       two</li><li>
       three</li>
   </ul>

   或者

   <ul>
     <li>one</li
     ><li>two</li
     ><li>three</li>
   </ul>

   或者

   <ul>
     <li>one</li><!--
     --><li>two</li><!--
     --><li>three</li>
   </ul> 

2. 可以用-4px的margin将元素移回原位(可能需要根据父元素的字体大小进行调整)。显然，这在旧的IE(6和7)中是有问题的，但如果你不关心这些浏览器，至少你可以保持代码格式干净

   .nav a {
     display: inline-block;
     margin-right: -4px;
   }

3. 跳过结束标签（慎用）

   <ul>
     <li>one
     <li>two
     <li>three
   </ul>

4. fontsize属性设置为0

   .nav {
     font-size: 0;
   }
   .nav a {
     font-size: 16px;
   }

    

标签：行内,three,two,nav,空隙,去除,font,4px,size
来源： https://www.cnblogs.com/Mochenghualei/p/16262995.html