你的问题好像跟各大浏览器的兼容性有关，我所知道的不多，只能告诉你这些：

display:inline-block的意思是将a标签转换为内联块状元素。内联块状元素拥有内联元素和块状元素的某些特点。

详细情况请看HTML+CSS基础课程。

你要了解为什么转换为内联块状元素的a标签的padding内间距会增大，首先要了解各大浏览器的兼容问题。

就好比为什么很多源代码的span a标签会写在a标签的前面，因为在360浏览器中span a标签写在a标签的后面的话显示出来的效果是span a标签的内容在a标签的内容后面，但是在IE浏览器中，span a标签的内容和a标签完全不在同一行，所以很多代码的span a标签写在a标签的前面

抱歉，话有点多。