<li>值为非整数

时间:2018-02-20 22:48:02

标签: html html-lists

我有一个有序的清单。我已经知道我可以使用value字段更改任何给定术语的显示索引:

<ol>
    <li value=6> ... </li>
    <li value=3> ... </li>
    <li value=99> ... </li>
</ol>

这显示了以下内容:

6. ...
3. ...
99. ...

解析时。

如果我希望列表索引为6.5或其他非整数,该怎么办?当我尝试

<li value="6.5"> ... </li>

它仍然只是解析为

6. ...

1 个答案:

答案 0 :(得分:1)

OL / LI标记仅支持整数,因此您不能使用纯HTML。

以下是如何使用li:before CSS放置自定义内容的示例。

ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
li:before {
  display: inline-block;
  content: attr(value);
}
li.half:before {
  display: inline-block;
  content: attr(value) ".5";
}
<ol>
    <li value=4> ... </li>
    <li value=6 class="half"> ... </li>
    <li value=10> ... </li>
</ol>