2017-10-09 110 views
0

我有一個表使用rowspan來組合2行。我希望兩個非組合行之間的間距更近,同時保持整行之間的間距更大。例如,我希望row1 col1row2 col1的間距更近,同時在row2 col1row3 col1之間有較大的空間。這將適用於每個整體行。HTML - 表中的行之間的間距

table { 
 
    border-collapse: collapse; 
 
} 
 

 
td { 
 
    border-bottom: 1px solid black; 
 
} 
 

 
.noborder { 
 
\t border:none; 
 
}
<table> 
 
\t <tr> 
 
\t \t <td class="noborder">row1 col1</td> 
 
\t \t <td rowspan=2>merge col2</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td>row2 col1</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td class="noborder">row3 col1</td> 
 
\t \t <td rowspan=2>merge col2</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td>row4 col1</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td class="noborder">row6 col1</td> 
 
\t \t <td rowspan=2>merge col2</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td>row6 col1</td> 
 
\t </tr> 
 
</table>

+0

的一個解決方案可能是可以將每個表列如'之後添加一個空行 '。 –

回答

0

這是什麼?但是,當您使用一列和下一行兩列時,您的td無效。改爲使用colspan(https://www.w3schools.com/TAGs/att_td_colspan.asp)屬性。

table { 
     border-collapse:separate; 
     border-spacing:5px; 
    } 
+0

如何使用colspan組合2行? – Matt9Atkins

+0

@ Matt9Atkins可以使用rowspan與colspan相同的函數,但可以使用行 – LuRy