字体
用于控制列表中项目符号和数字位置的工具类。
| 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>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.