相邻的两个inline-block节点为什么会出现间隔，该如何解决

图片[1]-相邻的两个inline-block节点为什么会出现间隔，该如何解决-Baili Blog

元素被当成行内元素排版的时候，原来HTML代码中的回车换行被转成一个空白符，在字体不为0的情况下，空白符占据一定宽度，所以inline-block的元素之间就出现了空隙。这些元素之间的间距会随着字体的大小而变化，当行内元素font-size:16px时，间距为8px。

解决方法一：给父级元素设置font-size： 0；子元素设置相应的font-size

解决方法二：改变书写方式，元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就消失了。