Css 自动继续wordpress中的有序列表
我想创建一个有序列表,打破它(即写一些段落),然后从我留下的数字继续相同的有序列表。大概是这样的: 列表从这里开始:Css 自动继续wordpress中的有序列表,css,wordpress,html,html-lists,Css,Wordpress,Html,Html Lists,我想创建一个有序列表,打破它(即写一些段落),然后从我留下的数字继续相同的有序列表。大概是这样的: 列表从这里开始: 项目1 项目2 此行不是已排序列表的一部分 项目3 项目4 项目5 经过研究,我尝试了很多方法。其中一个我觉得有趣的是: List starts here: <ol class="begin"> <li>Item 1</li> <li>Item 2</li> </o
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>
列表从这里开始:
项目1
项目2
此行不是已排序列表的一部分。
项目3
项目4
项目5
但这对我不起作用。这是我在wordpress中发布此代码时得到的输出:
是否有任何方法可以在html中继续先前的有序列表?
我想在不使用start=“n”标记的情况下自动继续有序列表。使用
实现您想要的功能
例如,
守则:
<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>
现场:
感谢您的快速回复。刚刚更新了我的问题。我希望此操作自动继续,无法硬编码数字。希望段落从列表中缩进:(Hi@Nathall很好的解决方案。可能将
文本缩进更改为位置:相对;
和左:-40px;
将更灵活:D@twxia谢谢。不。position:relative;
不用于此目的。仅当您想专门使用div
更改其位置时才使用。对于文本,请使用text-缩进
。还有,这又有什么区别呢?@Nathall因为文本缩进
会破坏框模型
。如果您想在DOM中设置所有p
的样式,它可能会在p
中被破坏(就像一个明显的例子:右边填充
)@j08691:添加了我运行此代码时得到的“输出”。正如您提到的,您正在使用wordpress
,请转到text
,然后简单地将我在下面提到的内容放进去。您的问题会得到解决。@Nathall非常感谢,但是我如何使用wordpress对css进行更改?我只能在文本部分编写HTML代码。还有其他问题吗我写的内容会在预览后立即重置。是的。您还需要在ol
中添加一个类,以防止对其他段落产生这种影响。有关详细信息,请查看此提琴---@AyseIn current(2020)wordpress,您可以单击任何编号的列表,并在右侧查找“块设置”,该设置应具有“起始值”您可以设置为任何值的字段。如果您没有看到,可能是因为您的块未被视为编号列表。请尝试创建一个以1开头的新块。诸如此类,它应该自动成为编号列表。
<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>
.indent-p {
margin-left: -40px;
}