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

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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种方法

 

以上是关于display:inline-block; 去除间隙的方法 总结：的主要内容，如果未能解决你的问题，请参考以下文章

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

布局的小细节

行内元素，display:inline-block元素，元素间间隙问题的解决

去除inline-block出现间距的几种方法

关于去除2个inline-block之间的间距

CSS笔记display：inline-block的使用