ps切图出现细线

Question

因为担图片太大，所以使用ps将图片切成了上下两部分，然后放入页面中，图片之间就会出现细线。求大神指点，为啥会出现这种情况。

1. 我知道怎么解决这种问题，但是不太明白为啥会出现这种问题。

2. 别和我说切图切的时候有问题，我都放到最大看了，切线之间是重合的。

问题的详细描述：
jsFiddle地址：https://jsfiddle.net/qjhdt488/4/

问题现象：

css：

HTML：

切图；

Answer 1

是标签之间的空白符号的行高引起的，像多列布局的inline-block也会造成影响，发现宽度比预算的多出几个像素。我一般是给父元素一个font-size: 0;
张鑫旭的这篇博文可以参考看看CSS深入理解vertical-align和line-height的基友关系

Answer 2

img{
    border:none;
    padding:0;
    margin:0;
}

Answer 3

@Coooooooool 无效

Answer 4

第二张图片，
Position:relative
Top:-2px
具体值自己调一下

Answer 5

可以把代码放到jsfiddle或者jsbin上吗？

Answer 6

1. 请看《CSS权威指南（第三版））》，第200页 行内替换元素 一小节

2. 或者说 整个 第7章 都可以用心过一遍~

3. 网文可以查看张鑫旭博客

主要是行高、字号、基线的问题，可以了解下，我之前写过记录，不过删了(/ □ )