如何减少行标题之间的空白

时间:2014-01-22 21:57:43

标签: html css

我试图删除不同表之间的空格但不能这样做。

2 个答案:

答案 0 :(得分:0)

如果我是你,我会把你的CSS分成另一个档案。内联css可能很难找到。

要使所有表彼此相邻,您需要将.row元素上的所有内联css更改为以下内容:

<div class="row" style="margin-left: 40px; margin-right: 20px; padding: 0 10px;">

我也可能会添加margin-top: 10px,具体取决于每张桌子之间需要多少垂直空间。

如果需要快捷方式,指定margin-top,margin-left和margin-right与margin: top, right, 0, left相同。

答案 1 :(得分:-1)

每个table元素似乎都有类time,因此您只需对该类应用负边距。这样的事情应该有效:

.time {
    margin-bottom: -30px;
}

http://jsfiddle.net/nJa45/4/

现在,话虽如此,如果你想要消除所有的间距,你可能会更好地重组你的桌子。而不是拥有多个表,使整个事物成为一个嵌套表。这样可以更加一致地删除空白区域。