0
点赞
收藏
分享

微信扫一扫

Markdown 实现"多级有序列表"(非完美)

云上笔记 2021-09-29 阅读 42
编程前端

缘起

Markdown 实现了内容与样式分离, 使人可以更加专注于文字和内容.

但是, 使用中发现 Markdown 无法实现"多级有序列表", 而且在"有序列表"中断时, 会重新从 1 开始排序.


解决

方案 1

具体方法是: 写下一级有序列表时, 缩进 4 个空格:

1. 段落标题
    1. 段落标题
        1. 段落标题
        2. 段落标题
    2. 段落标题
    3. 段落标题
2. 段落标题

在 Mweb 软件中的效果:

ol ol {
    list-style-type: lower-roman;
}

ol ol ol {
    list-style-type: lower-latin;
}

lower-roman 实现的是小写罗马字母 i, ii, iii, iv, v...
lower-latin 实现的是 a、b、c...

在 Gitbook 中的效果:

在"简书"中却没有效果(囧):

  1. 段落标题
    1. 段落标题
      1. 段落标题
      2. 段落标题
    2. 段落标题
    3. 段落标题
  2. 段落标题

方案 2

我们可以在"无序列表"上直接手写序号, 来实现类似的效果:

- 1.段落标题
    - 1.1段落标题
    - 1.2段落标题
        - 1.2.1段落标题
        - 1.2.2段落标题
- 2.段落标题

实现的效果:

  • 1.段落标题
    • 1.1段落标题
    • 1.2段落标题
      • 1.2.1段落标题
      • 1.2.2段落标题
  • 2.段落标题

参考文章


文章历史

  • 2017/01/08 (第一次发布)
  • 2017/05/02 修改
  • 2017/05/03 添加"注意"
  • 2017/06/03 修改
  • 2018/10/20 添加方案 -- 缩进 4 个空格
  • 2020/04/21 Mweb 原生不再支持, 新增了自定义 CSS 文件来支持的方法

举报

相关推荐

0 条评论