inline 元素 在一行之间 有一个小空格问题

问题

如图 两个 inline 元素 在一行 之间有个小空格

代码如下

 <div>
    <a href="##">adada</a>
    <a href="##">11111</a>
 </div>     

解决方法

给父级元素 设置 font-size= 0 ; 但是 子元素 需要字体大小
chome 浏览器 , 其默认有最小字体大小限制 需要添加 ** -webkit-text-size-adjust:none;**

div {
    font-size: 0;  
}
a  {
    font-size: 9px;
}

转载于:https://www.cnblogs.com/wangxiaoQie/p/6710492.html