元素display:inline-block之后水平方向间隙、垂直方向间隙问题

问题如图：

解决方法——以下方法均为本人亲测，后期会有补充
1. 父级设置:

font-size: 0;
-webkit-text-size-adjust: none;

1. 使用 float属性;
2. 多个标签写在一行，水平间隙问题解决了，但是垂直间隙需要在父级加：

vertical-align: middle;

1. 使用注释头尾相连，如图，但是垂直底部间隙还有：
   
2. 使用letter-spacing`

letter-spacing: -6px;

以上方法垂直间隙还是有，后续更新中。。。。。