[css]a标签之间的间距

在使用行内a标签的时候回发现两个a标签之间存在间距

<div class="desp-titleBar">
  <a href="javascript:;" class="course-desp">课程介绍</a>
  <a href="javascript:;" class="course-outline">课程大纲</a>
</div>

效果如下:

以下有四种清除默认间距的方法。

• font-size(推荐使用)

.desp-titleBar{
  font-size: 0;
  a{
    font-size: 16px;
   }
}

效果:

• a标签不分行(可读性较差)

<div class="desp-titleBar">
  <a href="javascript:;" class="course-desp">课程介绍</a><a href="javascript:;" class="course-outline">课程大纲</a>
</div>

• float浮动

a{
  float: left;
}

• letter-spacing

.desp-titleBar{
  letter-spacing: -999px;
  a{
    letter-spacing: 0;
   }
}

参考: https://www.cnblogs.com/kevinCoder/p/6418605.html