复选框在无序列表项目符号下无法工作

似乎列表在与“*”一起使用时效果不佳
但它与“1.”一起使用时效果很好

1. [] Stage 1 中的任务

    * [] 做 1(黑点将在此处消失)

    * [] 做 2

1. [] state 2 中的任务
  1. Stage 1 中的任务

    • 做 1(虽然间距很好,但点会消失

    • 做 2

  2. state 2 中的任务

我也注意到最近是这样,但我认为这可能是故意的,而且我实际上更喜欢这样。*- 允许您将清单项缩进到结构化列表中,而不会增加项目符号的噪音。

- [] 里程碑 1
   - [] 任务 1
   - [] 任务 2
   - [] 任务 3
- [] 里程碑 2
   - [] 任务 1
   - [] 任务 2
   - [] 任务 3
  • 里程碑 1
    • 任务 1
    • 任务 2
    • 任务 3
  • 里程碑 2
    • 任务 1
    • 任务 2
    • 任务 3

对比

[] 里程碑 1
   [] 任务 1
   [] 任务 2
   [] 任务 3
[] 里程碑 2
   [] 任务 1
   [] 任务 2
   [] 任务 3

里程碑 1
任务 1
任务 2
任务 3
里程碑 2
任务 1
任务 2
任务 3

2 个赞

我看到了你的演示,“子清单”在你的示例中运行正常,但在我的示例中却不行。
你看,当第一级是“有序列表”,第二级是无序列表时,它的效果不太好。

而且,我通常会写很长的句子,这样的话,它就不会像你的示例那样清晰(在你的示例中,清单很短,只有几个词),所以没有“点”的话会不太整洁。

1 个赞

好的,我们来看看……

- [] Milestone 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
- [] Milestone 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
  • Milestone 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
  • Milestone 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
1. [] Milestone 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
2.  [] Milestone 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
   - [] task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
  1. Milestone 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
  2. Milestone 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 1 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 2 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。
    • task 3 描述了几个跨越多行的词语。我仍然要写我长长长长的句子。我想这就够了。

我确认,当您将编号列表与项目符号列表结合使用,然后是复选列表项时,它不会像您期望的那样缩进,因为它不显示项目符号。

我个人喜欢使用带复选列表的项目符号列表,就像我上面的示例一样,它缩进得很好,并且不显示实际的项目符号。但那也没有按您期望的那样显示。

这两个原因可能相同。

1 个赞

如果你需要的话,这是一个hacky CSS 修复,@xiasummer

显示项目符号

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
    list-style-type: initial;
    .list-item-checkbox {
        left: 0;
        position: relative;
    }
}

隐藏项目符号:

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
}

3 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.