Html 表中TD之间的空格

我的

TR

之间是否可以有间隔，如下例所示

03时00分
纽约


15时00分
巴哈马

8小时
2对应。
A380

不可分割
10.00 €
50.00 €

尝试对表格使用边框间距

表格{
边界塌陷：分离；
边框间距：10px 50px；
}

---

不幸的是，根据我的经验，表格中的间距非常不灵活，所以您应该避免在布局中使用表格（还有其他原因）

尝试在表格中使用边框间距

表格{
边界塌陷：分离；
边框间距：10px 50px；
}

---

不幸的是，根据我的经验，表格中的间距非常不灵活，因此您应该避免在布局中使用表格（除其他原因外）

DIV元素更适合这种显示。

---

如果您真的想使用表，只需在Firefox中显示您想要的内容，并使用Firebug检查哪些css样式应用于您感兴趣的TR元素。

DIV元素更适合这种显示。

---

如果您真的想使用表，只需在Firefox中显示您想要的内容，并使用Firebug检查哪些css样式应用于您感兴趣的TR元素。

实现这一点的方法有很多

表格{
边界：无；
边界塌陷：#EEEEEE；
}
tr{
边框：实心1px#5E6977；
显示：块；
边缘底部：10px；
最小高度：60px；
宽度：500px；
填充物：5px；
}
无国界{
边界：无；
边框底部：实心1px#5E6977；
}
th{
线高：60px；
边界：无；
宽度：160px；
}
运输署{
边界：无；
右边框：实心1px#5E6977；
宽度：160px；
高度：60px；
}
td：最后一种类型{
边界权：无；
}

月
储蓄
储蓄

实现这一点的方法有很多

表格{
边界：无；
边界塌陷：#EEEEEE；
}
tr{
边框：实心1px#5E6977；
显示：块；
边缘底部：10px；
最小高度：60px；
宽度：500px；
填充物：5px；
}
无国界{
边界：无；
边框底部：实心1px#5E6977；
}
th{
线高：60px；
边界：无；
宽度：160px；
}
运输署{
边界：无；
右边框：实心1px#5E6977；
宽度：160px；
高度：60px；
}
td：最后一种类型{
边界权：无；
}

月
储蓄
储蓄

所以你有一个例子。。。你试着看源代码并模仿它吗？可能重复-是的，这是可能的：所以你有一个例子。。。你试着看源代码并模仿它吗？可能重复-是的，有可能：没关系，我只是使用边框间距：0px 10px；没关系，我只用边框间距：0px 10px；

<tr class="foo">
    <td>
        <div>
            <p>
            <span class="departureTime">03h00</span>
             <span>New-York</span>
            </p>
             <p class="espacement_important">
                <span class="arrivalTime">15h00</span>
                <span>Bahamas</span>
            </p>

            <p class="duration espacement_important"><span >8h00</span>
                <span>2 correspond.</span>
                <span>A380</span>
            </p>
          </div>
        </td>
      <td class="unavailable">indisponible</td>

    <td><input type="radio" />
        <label >10.00 €</label>
    </td>
    <td><input type="radio" />
        <label >50.00 €</label>
    </td>
</tr>