inline-block 為什么把父元素的font-size置為0就消除了空格？

去除inline-block元素間距的N種方法

凡是跟css貼邊的問題，可以優(yōu)先去張鑫旭博客和w3cPlus里搜一下，能搜到就先看著，不懂的再問。

我不確定產(chǎn)生空格的原因是不是換行符，但是去掉換行符確實可以避免這個問題，比如以下這段代碼：

<a href="">test1</a>
<a href="">test2
</a><a href="">test3
</a><a href="">test4</a>
<a href="">test5</a>

我把a(bǔ)元素都設(shè)置成了inline-block，這時候test2，test3，test4之間是沒有間距的。。。

行內(nèi)元素的基線在作怪。行內(nèi)元素display: inline; 它與文本的默認(rèn)行為類似，下邊緣是與基線對齊，而不是緊貼容器下邊緣，將fontsize設(shè)置為0就可以了。
為什么會產(chǎn)生空白