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