显示为表格单元格

问题描述 投票:2回答:3

我正在玩display物业,试图抓住他们。

我遇到的一个问题是如何在表格单元格之间获得间距。现在我有4张相互装箱的图片。我想把它们紧紧地放在左侧,但间隔在两者之间。因此,除了左边,甚至是间距。我试图使用border-spacing: 5px;,但在左侧增加了间距。

我在jsfiddle中放了一个版本但是它的渲染有另一个问题。在jsfiddle中它显示行之间的空间。不确定为什么会在浏览器中正常工作。

http://jsfiddle.net/chapster11/RjGaX/

html css css-tables
3个回答
2
投票

您需要将padding:5px 5px 5px 0;添加到#displayWrapper #grid .gridImage以获得均匀填充。

这条规则说将5pxpadding添加到toprightbottom0 paddingleft

添加img {vertical-align:bottom;}以修复底部的额外空间。

http://jsfiddle.net/jasongennaro/RjGaX/3/


0
投票

你需要设置border-collapse:separate;,以便你的border-spacing实际上在两个单元格的边界之间。


0
投票

添加显示:块;对img

© www.soinside.com 2019 - 2024. All rights reserved.