display:inline-block; 去除间隙的方法 总结：

个人常用：

如：

<ul>
    <li><a href="#" >实时数据</a></li>
    <li><a href="#">地图展示</a></li>
     <li><a href="#">乡镇街道</a></li>
    <li><a href="#">近期气象</a></li>
    <li><a href="#">设备状态</a></li>
</ul>

 

1: 设置：

　　　　ul { letter-spacing: -4px; }

　　　　ul li { display: inline-block; }

　　　　ul li a { letter-spacing:0px;  }

 

参考：去除inline-block元素间间距的N种方法