在CSS中,我們可以使用width
和height
屬性來設(shè)置每個(gè)td
的大小,以下是一個(gè)示例:
table { width: 100%; border-collapse: collapse; } td { width: 20%; /* 設(shè)置每個(gè)td的寬度為20% */ height: 50px; /* 設(shè)置每個(gè)td的高度為50px */ border: 1px solid #000; /* 添加邊框 */ padding: 10px; /* 添加內(nèi)邊距 */ }
在這個(gè)示例中,我們?cè)O(shè)置了一個(gè)表格的寬度為100%,并且讓每個(gè)td
的寬度為20%,我們還設(shè)置了每個(gè)td
的高度為50px,并添加了邊框和內(nèi)邊距。
這里的寬度和高度設(shè)置是相對(duì)值,它們會(huì)根據(jù)瀏覽器窗口的大小進(jìn)行調(diào)整,如果你想要固定的大小,可以使用像素(px)或其他***單位來設(shè)置。
如果你想要設(shè)置表格的列數(shù),可以使用colgroups
和cols
元素。
<table> <colgroup> <col style="width: 20%;"> <col style="width: 20%;"> <col style="width: 20%;"> <col style="width: 20%;"> <col style="width: 20%;"> </colgroup> <tr> <td>列1</td> <td>列2</td> <td>列3</td> <td>列4</td> <td>列5</td> </tr> <!-- 其他行數(shù)據(jù) --> </table>
在這個(gè)示例中,我們使用了colgroup
元素來設(shè)置每列的寬度,并使用col
元素來指定具體的寬度值,我們?cè)?code>tr元素中添加td
元素來構(gòu)建表格的行。