display:inline-block做用解釋

inline-block 的元素既具備 block 元素能夠設置寬高的特性，同時又具備 inline 元素默認不換行的特性。固然不單單是這些特性，好比 inline-block 元素也能夠設置 vertical-align 屬性。

HTML 中的換行符、空格符、製表符等合併爲空白符，字體大小不爲 0 的狀況下，空白符天然佔據必定的寬度，使用inline-block 會產生了元素間的空隙。

方法1：word-spacing letter-spacing設置爲負值能解決空隙

方法2：水平間隙經過設置父元素font-size:0,子元素另外設置字體大小，垂直間隙經過設置vertical-align:top;解決。