删除水平列出的图像中图像下方/上方的空白区域

Question

下图显示了我的问题：

我发现了一种令人讨厌的方法来删除这个空格，这就是把它当作4个不同的列表来处理，并在一个太复杂的for循环中添加元素，这也将列的数量锁定为4，因此调整浏览器窗口会使它看起来很糟糕。感觉应该用css做一个简单的方法，但我找不到它。有什么好主意吗？

Answer 1

如何将display图片设为inline-block并为其提供一些余量。 这是一个使用div而不是图像的示例 http://jsfiddle.net/Z665c/