元素间留白间距出现的原因就是标签段之间的空格

解决方法

  • 去除html之间得空格
  • 或者借助html注释来去除空隙
  • 使用margin负值, 根据字体的大小来定的
  • 让闭合标签吃胶囊, 使用无闭合的标签, 要求嵌套的标签不能相同
  • 对当前的标签使用font-size等于0, 之前chrome浏览器下有默认字体最小限制(现在已经解除最小字体限制), 需要添加以下属性-webkit-text-size-adjust:none
  • 使用letter-spacing属性, 调整文字间距
  • 使用word-spacing单词间距
  • 使用display的方法

具体实现查看【去除inline-block元素间间距的N种方法】