排版
list-style-position
用於控制列表中項目符號和數字位置的工具類別。
| 類別 | 樣式 |
|---|---|
list-inside | list-style-position: inside; |
list-outside | list-style-position: outside; |
範例
基本範例
使用類似 list-inside 和 list-outside 的工具類別，來控制列表中標記和文字縮排的位置
list-inside
- 5 杯切碎的牛肝菌
- 1/2 杯橄欖油
- 3 磅的芹菜
list-outside
- 5 杯切碎的牛肝菌
- 1/2 杯橄欖油
- 3 磅的芹菜
<ul class="list-inside"> <li>5 cups chopped Porcini mushrooms</li> <!-- ... --></ul><ul class="list-outside"> <li>5 cups chopped Porcini mushrooms</li> <!-- ... --></ul>響應式設計
前綴a list-style-position 工具類別 搭配像 md: 的斷點變體，僅在以下情況下應用工具類別中等 螢幕尺寸及以上
<ul class="list-outside md:list-inside ..."> <!-- ... --></ul>深入了解如何使用變體，請參閱變體文件。
