在水平列出的图像中删除图像下方/上方的空白答案

【问题标题】：Removing whitespace below/above images in horizontally listed images在水平列出的图像中删除图像下方/上方的空白
【发布时间】：2014-05-19 23:01:48
【问题描述】：

下图显示了我的问题：

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

【问题讨论】：

【解决方案1】：

如何将图像的display 设为inline-block 并给它们一些边距。这是一个使用divs 代替图像的示例 http://jsfiddle.net/Z665c/

【讨论】：