css - 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>

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

Answer 1

将填充和边距设置为 0:

img 
{
    padding:0;
    margin:0;
}