首页 > 代码库 > display:inline-block; 去除间隙的方法 总结:

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; 去除间隙的方法 总结: