display為inline-block的元素在水平方向上之間會有間隙
原因：標簽與標簽之間使用了空格或者是換行符(空白字符也是字符，樣式會影響)
解決辦法一： 不使用空白符號，使用注釋替代換行、標簽的結束標簽與開始標簽寫在一起等（代碼的可讀性較差）
解決辦法二：設置父元素的font-size為0，子元素重新設置字體大小（增加了代碼量）
解決辦法三：使用負的margin-left（空隙是由上下文的字體大小帶來了，每個瀏覽器的都不一樣）
解決辦法四：使用letter-spacing屬性（字符邊距）設為負值
解決辦法五：使用word-spacing屬性（字符邊距）設為負值
解決辦法六：設置display為block或者浮動（高度塌陷 需要清除浮動）