表格
控制表格布局算法的实用工具.
| Class | Styles |
|---|---|
table-auto | table-layout: auto; |
table-fixed | table-layout: fixed; |
使用 table-auto 工具自动调整表格列宽以适应单元格内容：
| 歌曲 | 艺术家 | 年份 |
|---|---|---|
| 《滑行的博恩斯先生》（下一站，波特斯维尔） | 马尔科姆·洛基尔 | 1961 |
| 《女巫女人》 | 老鹰乐队 | 1972 |
| 《闪亮的星》 | 地球、风和火 | 1975 |
<table class="table-auto"> <thead> <tr> <th>歌曲</th> <th>艺术家</th> <th>年份</th> </tr> </thead> <tbody> <tr> <td>《滑行的博恩斯先生》（下一站，波特斯维尔）</td> <td>马尔科姆·洛基尔</td> <td>1961</td> </tr> <tr> <td>《女巫女人》</td> <td>老鹰乐队</td> <td>1972</td> </tr> <tr> <td>《闪亮的星》</td> <td>地球、风和火</td> <td>1975</td> </tr> </tbody></table>使用 table-fixed 工具忽略单元格内容，为每一列使用固定宽度：
| 歌曲 | 艺术家 | 年份 |
|---|---|---|
| 《滑行的博恩斯先生》（下一站，波特斯维尔） | 马尔科姆·洛基尔 | 1961 |
| 《女巫女人》 | 老鹰乐队 | 1972 |
| 《闪亮的星》 | 地球、风和火 | 1975 |
<table class="table-fixed"> <thead> <tr> <th>歌曲</th> <th>艺术家</th> <th>年份</th> </tr> </thead> <tbody> <tr> <td>《滑行的博恩斯先生》（下一站，波特斯维尔）</td> <td>马尔科姆·洛基尔</td> <td>1961</td> </tr> <tr> <td>《女巫女人》</td> <td>老鹰乐队</td> <td>1972</td> </tr> <tr> <td>《闪亮的星》</td> <td>地球、风和火</td> <td>1975</td> </tr> </tbody></table>您可以手动为某些列设置宽度，其余可用宽度将均匀分配给没有显式宽度的列。第一行设置的宽度将为整张表格设置列宽。
Prefix a table-layout utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<div class="table-auto md:table-fixed ..."> <!-- ... --></div>Learn more about using variants in the variants documentation.