去除inline-block元素间距的方法

记录。

<div class="parent">
    <a href="#">音乐</a>
    <a href="#">电影</a>
    <a href="#">娱乐</a>
</div>

.parent{
    margin: 50px;
    font-size: 0;
    -webkit-text-size-adjust:none;
}

.parent > a{
    font-size: 14px;
    padding: 5px;
    background-color: darkorange;
    text-decoration: none;
    display: inline-block;
}

其实起作用就是这句：

.parent{
    font-size: 0;
    -webkit-text-size-adjust:none;
}

.parent > a{
    font-size: 14px;
    padding: 5px;
}

更多方法：

去除inline-block间距的方法