在wordpress中自动继续有序列表

Question

我想创建一个有序列表，打破它（即写一些段落），然后从我离开的数字继续相同的有序列表。像这样：

  

列表从这里开始：

     

  
1. 第1项
  
2. 第2项
        

此行不是有序列表的一部分。

     
  
1. 第3项
  
2. 第4项
  
3. 第5项
  

我在研究后尝试了很多方法。其中一个我觉得有趣的是：

List starts here:

    <ol class="begin">
        <li>Item 1</li>
        <li>Item 2</li>
    </ol>

    This line is not a part of the ordered list.
    <ol class="continue">
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ol>

但这对我不起作用。这是我在wordpress中发布此代码时得到的输出：

有没有办法在html中继续以前的有序列表？ 我想在不使用start =“n”标签的情况下自动继续排序列表。

Answer 1

使用<ol start="3">来实现您的目标。

例如，

守则：

<ol class="begin">
        <li>Item 1</li>
        <li>Item 2</li>
    </ol>

    This line is not a part of the ordered list.
    <ol class="continue" start="3">
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ol>

住： Demo link

希望这有帮助。

修改：

如果您不想硬编码，那么您可以执行以下操作。

代码：

<ol class="begin">
        <li>Item 1</li>
        <li>Item 2
        <p>
        This line is not a part of the ordered list.
        </p>
        </li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ol>

住： Demo link 2

以防万一，如果您希望p超出数字缩进，则需要声明具有相应缩进值的text-indent。

住： Demo - 3

此外，如果您希望它保留在DOM中并且不会因小屏幕而中断，请使用以下代码。

.indent-p {
   margin-left: -40px;
}

住： Demo - 4