表格
caption-side
用於控制表格內
| 類別 | 樣式 |
|---|---|
caption-top | caption-side: top; |
caption-bottom | caption-side: bottom; |
範例
放置在表格頂部
使用 caption-top 實用工具將
| 摔角選手 | 招牌動作 |
|---|---|
| 「冷石」史蒂夫·奧斯汀 | 冷石斷頭台，Lou Thesz Press |
| 布雷特「殺手」哈特 | 鎖腿固定 |
| 雷射雷蒙 | 雷射邊緣，後拋摔 |
<table> <caption class="caption-top"> Table 3.1: Professional wrestlers and their signature moves. </caption> <thead> <tr> <th>Wrestler</th> <th>Signature Move(s)</th> </tr> </thead> <tbody> <tr> <td>"Stone Cold" Steve Austin</td> <td>Stone Cold Stunner, Lou Thesz Press</td> </tr> <tr> <td>Bret "The Hitman" Hart</td> <td>The Sharpshooter</td> </tr> <tr> <td>Razor Ramon</td> <td>Razor's Edge, Fallaway Slam</td> </tr> </tbody></table>放置在表格底部
使用 caption-bottom 實用工具將
| 摔角選手 | 招牌動作 |
|---|---|
| 「冷石」史蒂夫·奧斯汀 | 冷石斷頭台，Lou Thesz Press |
| 布雷特「殺手」哈特 | 鎖腿固定 |
| 雷射雷蒙 | 雷射邊緣，後拋摔 |
<table> <caption class="caption-bottom"> Table 3.1: Professional wrestlers and their signature moves. </caption> <thead> <tr> <th>Wrestler</th> <th>Signature Move(s)</th> </tr> </thead> <tbody> <tr> <td>"Stone Cold" Steve Austin</td> <td>Stone Cold Stunner, Lou Thesz Press</td> </tr> <tr> <td>Bret "The Hitman" Hart</td> <td>The Sharpshooter</td> </tr> <tr> <td>Razor Ramon</td> <td>Razor's Edge, Fallaway Slam</td> </tr> </tbody></table>響應式設計
前綴a caption-side 實用工具 帶有像 md: 這樣的斷點變體，僅在中 型螢幕尺寸及以上應用該實用工具
<caption class="caption-top md:caption-bottom ..."> <!-- ... --></caption>在變體文件中了解更多關於使用變體的資訊。
