table中设置tr行间距

时间:2021-03-05 06:08:37

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框

描述
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。


border-collapse属性加上border-spacing属性就可以设置tr行间距

<table style="border-collapse:separate; border-spacing:0px 10px;">
<tr>
<td>那一刻,我升起风马,不为祈福,只为守候你的到来</td>
</tr>
<tr>
<td>那一天,垒起玛尼堆,不为修德,只为投下心湖的石子</td>
</tr>
<tr>
<td>那一日,闭目在经殿香雾中,蓦然听见,你诵经中的真言</td>
</tr>
<tr>
<td>那一夜,我听了一宿梵唱,不为参悟,只为寻你的一丝气息</td>
</tr>
<tr>
<td>那一月,我摇动所有经筒,不为超度,只为触摸你的指尖</td>
</tr>
<tr>
<td>那一年,磕长头匍匐在山路,不为觐见,只为贴着你的温暖</td>
</tr>
<tr>
<td>那一世,转山转水转佛塔,不为修来生,只为途中与你相见</td>
</tr>
<tr>
<td>那一瞬,我飞升成仙,不为长生,只为佑你平安喜乐</td>
</tr>
</table>