Css png文件网格-如何仅显示图像

我正在尝试在屏幕上放置一个图像网格（png）。我使用div标记将png按行排列，然后按行的列排列，以显示网格。我的问题是，我无法摆脱出现在每个png下的空间。所有的空间一起构成了图像下方的一条线。我想摆脱这条线。为了这个问题的目的，我制作了一个2 x 2的网格，但实际上它更大

<div style="display:block;font-size:3px">
<div style="display:inline; min-height:3px; height:8px">
<img src="//some-source.png"><img src="//some-source.png"></div>
<div style="display:inline; min-height:3px; height:8px">
<img src="//some-source.png"><img src="//some-source.png"></div>
<div style="display:inline; min-height:3px; height:8px">
<img src="//some-source.png"><img src="//some-source.png"></div>
</div>

---

我该如何设置这些div的样式，使网格仅为png，而没有背景图像？我指定字体大小为3px，这允许我使用较小的png。

将填充和边距设置为0:

img 
{
    padding:0;
    margin:0;
}

---

使用

img{vertical align:middle}

删除垂直空间。效果非常好。非常感谢。