Skip to content

列表样式

定义

使用工具类 list-* 为元素(通常是 <ul><ol>)设置 CSS 属性 list-style

工具类属性
list-unstyledlist-style-type: none; padding-left: 0;
list-nonelist-style-type: none;
list-disclist-style-type: disc;
list-decimallist-style-type: decimal;

示例

无样式 list-unstyled

  • 这是一个列表
  • 含四个列表项
  • 作为示例
  • 最后一个列表有嵌套的子列表
    • 子列表项 1
    • 子列表项 2
    • 子列表项 3

空白样式 list-none

  • 这是一个列表
  • 含四个列表项
  • 作为示例
  • 最后一个列表有嵌套的子列表
    • 子列表项 1
    • 子列表项 2
    • 子列表项 3

圆点样式 list-disc

  • 这是一个列表
  • 含四个列表项
  • 作为示例
  • 最后一个列表有嵌套的子列表
    • 子列表项 1
    • 子列表项 2
    • 子列表项 3

序号样式 list-decimal

  • 这是一个列表
  • 含四个列表项
  • 作为示例
  • 最后一个列表有嵌套的子列表
    • 子列表项 1
    • 子列表项 2
    • 子列表项 3

MIT License (MIT)