在HTML表格中,我們經常會使用th標簽來定義表頭單元格。在很多情況下,表格的內容可能并沒有占滿整個表格寬度,導致表頭單元格也沒有達到期望的寬度。這時,我們可以使用th標簽的一個特性-設置最小寬度來解決這個問題。
<table>
<tr>
<th style="min-width: 100px;">表頭1</th>
<th style="min-width: 150px;">表頭2</th>
<th>表頭3</th>
</tr>
<tr>
<td>內容1</td>
<td>內容2</td>
<td>內容3</td>
</tr>
</table>
上述代碼中,我們使用了style屬性給第一個和第二個th標簽設置了最小寬度分別為100px和150px。這樣即使表格內容并未占滿整個表格寬度,第一個和第二個表頭單元格也會保持最小寬度。
需要注意的是,設置了最小寬度的表頭單元格在表格寬度不夠時會自動縮小,而不是撐破整個表格。如果想要表頭單元格保持原有寬度而縮小其它單元格,可以使用CSS的flexbox布局等方法實現。