字体排印
用于控制列表中项目符号和数字位置的实用工具。
类 | 样式 |
---|---|
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>
在变体文档中了解有关使用变体的更多信息。