CSS中設(shè)置TR之間的間隔,可以通過調(diào)整表格的行高(row height)來實現(xiàn),行高是指表格中每一行從頂部到底部的距離,包括行內(nèi)元素(如TD或TH)的高度和行間距(line-height),通過增加行間距,可以擴大TR之間的間隔。
在CSS中,可以使用以下屬性來調(diào)整行高和行間距:
height
設(shè)置表格行的高度。
line-height
設(shè)置行內(nèi)元素之間的間距,即行間距。
如果有一個表格的HTML結(jié)構(gòu)如下:
<table> <tr> <td>行1</td> <td>行1</td> </tr> <tr> <td>行2</td> <td>行2</td> </tr> <tr> <td>行3</td> <td>行3</td> </tr> </table>
可以通過以下CSS代碼來增加TR之間的間隔:
table { height: 300px; /* 設(shè)置表格總高度 */ } tr { line-height: 2; /* 設(shè)置行間距為2倍的字體大小 */ }
這樣,表格中的每一行都會有一個間隔,使得整個表格看起來更加清晰,注意,行高的具體數(shù)值可以根據(jù)實際情況進行調(diào)整。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。