CSS中,我們可以使用width
屬性為HTML表格中的<td>
元素添加寬度,這個屬性可以設置一個固定的寬度,或者是一個相對寬度,如百分比,下面是一些示例代碼:
固定寬度
如果你想給<td>
元素一個固定的寬度,你可以這樣寫:
td { width: 200px; }
相對寬度
如果你想讓<td>
元素的寬度相對于其包含的元素(通常是<table>
或<tr>
)的寬度,你可以使用百分比:
td { width: 50%; }
寬度為表格的50%
如果你想要<td>
元素的寬度等于其所在表格寬度的50%,你可以這樣寫:
table { width: 100%; /* 假設表格寬度為100% */ } td { width: 50%; /* <td>寬度等于表格寬度的50% */ }
寬度為行(<tr>
)的50%
如果你想要<td>
元素的寬度等于其所在行寬度的50%,你可以這樣寫:
table { width: 100%; /* 假設表格寬度為100% */ } tr { width: 100%; /* 行寬度為100% */ } td { width: 50%; /* <td>寬度等于行寬度的50% */ }
寬度為列(<col>
)的50%
如果你想要<td>
元素的寬度等于其所在列寬度的50%,你可以這樣寫:
table { width: 100%; /* 假設表格寬度為100% */ } col { width: 100%; /* 列寬度為100% */ } td { width: 50%; /* <td>寬度等于列寬度的50% */ }
寬度為表格、行和列的50%
如果你想要<td>
元素的寬度等于其所在表格、行和列寬度的50%,你可以這樣寫:
table { width: 100%; /* 假設表格寬度為100% */ } tr { width: 100%; /* 行寬度為100% */ } col { width: 100%; /* 列寬度為100% */ } td { width: 50%; /* <td>寬度等于表格、行和列寬度的50% */ }
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。