CSS表格是網(wǎng)頁開發(fā)中經(jīng)常使用的元素，但是有些人可能會發(fā)現(xiàn)表格的行距過大，讓頁面顯得很松散。那么怎樣才能縮小行距呢？下面的文章將會介紹一些方法來幫助你解決這個問題。
在表格中，行與行之間的距離是由行高（line-height）來決定的。如果需要縮小行距，我們可以通過設置行高來實現(xiàn)。
如果我們想要直接對表格中的所有行設置行高，可以使用以下CSS代碼：

table {
line-height: 1.2;
}

在上面的代碼中，我們將行高設置為1.2。你也可以根據(jù)需要調整這個數(shù)值來達到最佳效果。
如果你只想縮小表格中的某些行距，而不是所有行距，可以為這些行設置特定的CSS類，然后使用以下代碼：

tr.narrow {
line-height: 1.2;
}

在上面的代碼中，我們給這些行設置了一個名為“narrow”的類，并將行高設置為1.2。你只需要把這個類添加到需要縮小行距的行上即可。
此外，你還可以使用CSS中的行高百分比來縮小行距。例如，如果你想將行高縮小到原來的80%，可以使用以下代碼：

table {
line-height: 80%;
}

這樣，表格中所有行的行高都會縮小到原來的80%。
總的來說，如果你想縮小CSS表格中的行距，你可以通過設置行高來實現(xiàn)。你可以將行高設置為特定的數(shù)值，或是使用CSS類或百分比來縮小行距。通過調整行距，你可以讓你的CSS表格看起來更加緊湊和整潔。