在使用行内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;
}
}
网友评论