img 元素拼合存在空隙

方案 1

给 img 设置为 display：block

img {
  display: block;
}

方案 2

给外层的 div 添加 line-height 设置为 0 （none）也一样

div {
  line-height: 0;
}

注意：ie6，7 无效，需要使用 display：block

链接

• div line-height 导致 img 与 div 存在空隙的解决
• CSS 基本布局——去除图片连接处的白线