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

 <div class="space">
            <a href="##">惆怅</a>
            <a href="##">淡定</a>
            <a href="##">热血</a>
    </div>

一：使用font-size:0

   方法一 
                .space {
                        font-size: 0;
                }


                .space a {
                        display: inline-block;
                        padding: .5em 1em;
                        background-color: #cad5eb;
                        font-size:16px;
                }

二：使用margin负值

   /* 方法二 */

            .space a {
                    display: inline-block;
                    padding: .5em 1em;
                    background-color: #cad5eb;
                    margin-right: -5px;
            }

要处理掉中间的缝隙.JPG 通过两种方式达到共同的效果.png