字体排版
用于控制列表中项目符号和数字位置的实用工具。
| 类名 | 样式 |
|---|---|
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>前缀a list-style-position 实用工具 使用像 md: 这样的断点变体，仅在以下情况下应用此实用工具中等 屏幕尺寸及以上
<ul class="list-outside md:list-inside ..."> <!-- ... --></ul>在变体文档中了解更多关于使用变体的信息。