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

display:inline-block的意思是將a標(biāo)簽轉(zhuǎn)換為內(nèi)聯(lián)塊狀元素。內(nèi)聯(lián)塊狀元素?fù)碛袃?nèi)聯(lián)元素和塊狀元素的某些特點(diǎn)。

詳細(xì)情況請(qǐng)看HTML+CSS基礎(chǔ)課程。

你要了解為什么轉(zhuǎn)換為內(nèi)聯(lián)塊狀元素的a標(biāo)簽的padding內(nèi)間距會(huì)增大，首先要了解各大瀏覽器的兼容問題。

就好比為什么很多源代碼的span a標(biāo)簽會(huì)寫在a標(biāo)簽的前面，因?yàn)樵?60瀏覽器中span a標(biāo)簽寫在a標(biāo)簽的后面的話顯示出來的效果是span a標(biāo)簽的內(nèi)容在a標(biāo)簽的內(nèi)容后面，但是在IE瀏覽器中，span a標(biāo)簽的內(nèi)容和a標(biāo)簽完全不在同一行，所以很多代碼的span a標(biāo)簽寫在a標(biāo)簽的前面

抱歉，話有點(diǎn)多。