即使我們使用了類似 *{margin: 0;padding: 0;} 這樣的代碼重置了瀏覽器默認(rèn)樣式,也會(huì)發(fā)現(xiàn)類似a標(biāo)簽這種inline-block元素，它們之間也還存在著間距徽诲。
我們會(huì)發(fā)現(xiàn)默認(rèn)間距的存在，這種間距也被成為元素間留白間距吭敢。
方法一：font-size:0
<div class="demo">
<a href="#">底部鏈接1</a>
<a href="#">底部鏈接2</a>
</div>
// CSS部分
.demo{
font-size: 0;
}
.demo a{
font-size: 14px;/*這里一定要設(shè)置，不然文本內(nèi)容將不顯示*/
}
方法二：a標(biāo)簽內(nèi)容寫在一行
<div class="demo">
<a href="#">底部鏈接1</a><a href="#">底部鏈接2</a>
</div>
方法三：float浮動(dòng)
.demo{
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.demo a{
float: left;
}
