巧用display:inline-block;（1）-----

案例：用a 标签做菜单

优点：

1.不脱离文档流。

2.减少层级嵌套关系。

坑----内联元素代码换行写浏览器会把换行当作空格来处理，会造成内联元素之间有间距

解决的方法：1.给内联元素的父级元素设置font-size:0;

2.给内联元素再次设置font-size.(想要的文字大小).

效果图展示：

代码展示：

求建议！！！希望代码爱好者能发表看法，多提宝贵建议哈……