解決使用display：inline-block時元素間隔問題

　　在寫我的博客頁時出現了一個百思不得其解的問題，不知道爲何出現如下狀況：

　　能夠看到，下面的a標籤中出現了一個間隔，怎麼都去不掉，查閱資料後發現，問題緣由以下：

　　一、第一種解決辦法，去掉HTML元素中的空格和回車，以下所示：

　　

　　此方法雖可解決問題，但卻致使代碼的可閱讀性變差。

　　二、第二種，利用負margin解決，可是絕對不推薦。

　　三、第三種，設置父元素的font-size：0；以下所示：

　　

　　效果以下：

　　

　　

　　總結：

　　　　HTML默認的某些東西仍是對本身佈局之類有很大影響的，還時應該多練習。。。。。