css解决display:inline-block;产生的缝隙（间隙）的方法

当使用display: inline-block样式属性时，如果行内元素之间没有空格，那么它们会紧挨着排列，会出现一些莫名其妙的间隙，造成排版问题。这是由于浏览器默认的display:inline-block的布局方式所造成的。下面是针对这种情况的两种解决方法：

1. 将多个元素写在一行

在HTML代码中直接将多个元素写在同一行，中间不留任何空格，这样就能避免排版问题。

<div class="container">
  <a href="#">link1</a><a href="#">link2</a><a href="#">link3</a>
</div>

上述代码中，在<a>元素之间没有空格，因此它们会紧密连在一起而不会出现间隙的问题。

2. 将父元素的font-size值设置为0

另一种解决方法是将父元素的font-size设置为0，然后对子元素重新设置font-size，这样就能够避免间隙的问题。

<div class="container">
  <a href="#">link1</a>
  <a href="#">link2</a>
  <a href="#">link3</a>
</div>

.container {
  font-size: 0;
}

.container a {
  font-size: 16px;
  display: inline-block;
}

上述代码中，我们将父元素的font-size设置为0，然后对子元素重新设置了font-size，这样就可以避免间隙的问题。

总之，以上两种方法都可以解决display:inline-block造成的间隙问题，你可以根据具体的场景选择使用哪一种方法。