PNG文件的网格 - 如何仅显示图像

Question

我正在尝试在屏幕上放置图像（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>

我将如何设置这些divs，以便网格只是png，根本没有背景图像？我指定了3px的字体大小，这使我可以使用小尺寸的png。

Answer 1

将填充物和边距设置为0：

img 
{
    padding:0;
    margin:0;
}