Typography
用於控制列表中項目符號和數字位置的通用類別。
| Class | Styles |
|---|---|
list-inside | list-style-position: inside; |
list-outside | list-style-position: outside; |
使用 list-inside 和 list-outside 等通用類別來控制列表中標記和文字縮排的位置：
list-inside
list-outside
<ul class="list-inside"> <li>5 cups chopped Porcini mushrooms</li> <!-- ... --></ul><ul class="list-outside"> <li>5 cups chopped Porcini mushrooms</li> <!-- ... --></ul>在 list-style-position 通用類別前面加上像 md: 這樣的中斷點變體，讓該通用類別只在中型螢幕尺寸及以上時套用：
<ul class="list-outside md:list-inside ..."> <!-- ... --></ul>在變體文件中了解更多關於使用變體的資訊。