表格
用于控制表格内标题元素对齐方式的工具类。
| Class | Styles |
|---|---|
caption-top | caption-side: top; |
caption-bottom | caption-side: bottom; |
使用 caption-top 工具类将 caption 元素定位在表格顶部：
| 摔角手 | 标志性动作 |
|---|---|
| "冷石"史蒂夫·奥斯汀 | 冷石断头台，卢·泰兹压制 |
| 布雷特·"杀手"·哈特 | 锐角锁 |
| 剃刀雷蒙 | 剃刀边缘，后抛摔 |
<table> <caption class="caption-top"> 表 3.1: 职业摔角手及其标志性动作 </caption> <thead> <tr> <th>摔角手</th> <th>标志性动作</th> </tr> </thead> <tbody> <tr> <td>"冷石"史蒂夫·奥斯汀</td> <td>冷石断头台，卢·泰兹压制</td> </tr> <tr> <td>布雷特·"杀手"·哈特</td> <td>锐角锁</td> </tr> <tr> <td>剃刀雷蒙</td> <td>剃刀边缘，后抛摔</td> </tr> </tbody></table>使用 caption-bottom 工具类将 caption 元素定位在表格底部：
| 摔跤手 | 标志性动作 |
|---|---|
| "冷石"史蒂夫·奥斯汀 | 冷石震撼者，卢·泰兹压制 |
| "杀手"布雷特·哈特 | 锐角锁 |
| 剃刀雷蒙 | 剃刀边缘，后仰摔 |
<table> <caption class="caption-bottom"> 表 3.1: 职业摔跤手及其标志性动作 </caption> <thead> <tr> <th>摔跤手</th> <th>标志性动作</th> </tr> </thead> <tbody> <tr> <td>"冷石"史蒂夫·奥斯汀</td> <td>冷石震撼者，卢·泰兹压制</td> </tr> <tr> <td>"杀手"布雷特·哈特</td> <td>锐角锁</td> </tr> <tr> <td>剃刀雷蒙</td> <td>剃刀边缘，后仰摔</td> </tr> </tbody></table>Prefix a caption-side utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<caption class="caption-top md:caption-bottom ..."> <!-- ... --></caption>Learn more about using variants in the variants documentation.