list-style-position

用于控制列表中项目符号和数字位置的工具。

Class Styles

Class	Styles
`list-inside`	`list-style-position: inside;`
`list-outside`	`list-style-position: outside;`

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 杯切碎的松茸</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.