排版
控制列表中项目符号和数字位置的工具。
| Class | Styles |
|---|---|
list-inside | list-style-position: inside; |
list-outside | list-style-position: outside; |
使用类似 list-inside 和 list-outside 的工具来控制列表中标记和文本缩进的位置：
列表内部
列表外部
<ul class="list-inside"> <li>5杯切碎的波尔奇尼蘑菇</li> <!-- ... --></ul><ul class="list-outside"> <li>5杯切碎的波尔奇尼蘑菇</li> <!-- ... --></ul>Prefix a list-style-position utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<ul class="list-outside md:list-inside ..."> <!-- ... --></ul>Learn more about using variants in the variants documentation.