由inline-block引起的空白间距问题

291 阅读1分钟

由inline-block引起的空白间距问题

  1. 回车符会引起空隙;当多个空白符连续使用时,会合并成一个空白符
    • 解决方法:因为空白符也是字符,所以把父元素加font-size:0,然后给子元素重新设置具体的font-size;
  2. 压缩html代码,清除元素间的空格解决(不推荐使用)
  3. 加浮动 注:一般会引起4px的间隙