你的問題好像跟各大瀏覽器的兼容性有關，我所知道的不多，只能告訴你這些：

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標簽的前面

抱歉，話有點多。