在頁面開發(fā)中，我們經(jīng)常需要使用表格來展示數(shù)據(jù)，但是默認(rèn)情況下，表格的每個(gè)單元格都會(huì)有一定的間距，有時(shí)候我們需要去掉這些間距，讓表格更緊密。

針對(duì)表格中的行，我們可以使用CSS來去除間距。這里提供兩種方法：

/* 方法一：使用border-collapse:collapse; */
table{
border-collapse:collapse;
}
td{
/* 可選設(shè)置 */
border:1px solid #ccc;
padding:10px;
}
/* 方法二：使用border-spacing:0; */
table{
border-spacing:0;
}
td{
/* 可選設(shè)置 */
border:1px solid #ccc;
padding:10px;
}

兩種方法的效果基本一致，都可以去除之間的間距。但是需要注意的是，邊框會(huì)被合并在一起，因此如果要使用邊框效果，需要在td中設(shè)置，并注意區(qū)分上下左右的邊框。

以上就是介紹CSS tr 無間距樣式的方法。希望對(duì)大家的網(wǎng)頁開發(fā)有所幫助。