CSS中的 inline-block 导致换行问题

最近在写导航的时候，使用了inline-block，之前的都是用float写，没有遇到今天的换行问题，打开调试模式，查看padding和margin均为0，也就是说，问题并不是出现在换行元素本身上边，于是查找了一些资料，了解到* inline-block是包含空格、换行符的，所以会导致inline-block产生不可见的间距，就出现了无法理解的换行。

查看大神们的解决办法，了解到，可以通过以下办法去解决：

1.不设置display:inline-block，而是用我们熟悉的float来实现，这个办法就是换了一种思路，你有问题是吧，好，我换一种实现思路就好了。

2.设置父元素的属性：white-space: nowrap，强制不换行（不推荐使用）

3.父元素：font-size: 0（完美解决）