将文本指定为列表中的项目符号答案

【问题标题】：specifing text as bullets in list将文本指定为列表中的项目符号
【发布时间】：2010-11-05 01:06:18
【问题描述】：

我知道在 HTML 中你可以使用 <ol><li></li></ol> 来获得一个漂亮的有序列表，但使用 list-style-type: decimal 总是将数字递增 1。

我正在寻找一种方法来设置项目符号文本的值。

我最终可能会得到一个看起来像这样的列表

12 项
22 项
2 项

如果可能的话，我不想疯狂地使用图像。有没有简单的解决方案？

我有可用的 HTML、CSS、javascript (jquery) 和 PHP。

【问题讨论】：

标签： php html css

【解决方案1】：

Make OL list start from number different than 1 using CSS。除此之外，实现这一目标的唯一方法是通过花哨的定位。这是我希望他们没有弃用的东西之一。

【讨论】：

从您的链接中我尝试添加 style="counter-reset: item ##;"到<ol>，但这并没有成功。我找到了 start="##" 并且有效...除了它已被弃用:-(
就像我说的，我希望他们没有弃用它:)

【解决方案2】：

以下应该可以解决问题。但是，请注意 value 是 HTML 4 中 li 标记的弃用属性。

<ol>
<li value="12">item</li>
<li value="22">item</li>
<li value="2">item</li>
</ol>

【讨论】：

【解决方案3】：

那不是真正的有序列表，是吗？您应该只模拟无序列表中的项目符号：

<ul>
  <li><span>22</span> item
</ul>

使用list-style-type: none 删除项目符号，然后按口味调整样式。

【讨论】：