我正在玩display属性，试图抓住它们。
我遇到的一个问题是如何在表格单元格之间获得间距。现在我有4张相互装箱的图片。我想把它们紧紧地放在左侧，但间隔在两者之间。因此，除了左边，甚至是间距。我尝试使用border-spacing: 5px;，但在左侧增加了间距。
我在jsfiddle中放了一个版本但是它的渲染有另一个问题。在jsfiddle中它显示行之间的空间。不确定为什么会在浏览器中正常工作。
答案 0 :(得分：2)
您需要将padding:5px 5px 5px 0;添加到#displayWrapper #grid .gridImage以获得偶数填充。
此规则表示将5px padding添加到top，right，bottom和0 padding添加到left }。
添加img {vertical-align:bottom;}以修复底部的额外空间。
答案 1 :(得分：0)
您需要设置border-collapse:separate;，以便border-spacing实际位于两个单元格的边框之间。
答案 2 :(得分：0)
添加display：block;到img