2

我必须在 html 中制作条款和条件页面，所以我想给他们一个数字，但有些条件有它们的子点，所以我想像下面的例子一样展示它们。

  1. 我第一点

    1.1和我的分点

  2. 我第二点

  3. 我第三点

  4. 我是第四个

    4.1和我的分点

可以使用 css 给他们这样的数字格式

<style>
ol {list-style:decimal}


</style>
</head>

<body>
<ol>

<li>me the first point
<ol><li>me the sub point</li></ol>

</li>
<li>me the second point</li>
<li>me the third point</li>
<li>me the forth point</li>


</ol>

</body>
4

5 回答 5

3

您可以为此使用 CSS反增量。像这样写：

 body{
   counter-reset: chapter 0;
 }
 li{
   counter-reset: sub-chapter 0;
    margin-left:20px;
    position:relative;
 }
 li:before{
   counter-increment: chapter;
   content: counter(chapter) ". ";
 }
 li li:before{
   counter-increment: sub-chapter;
   content: counter(chapter) "." counter(sub-chapter) ": ";
 }
li:before{
    position:absolute;
    left:-20px;
}

检查这个http://jsfiddle.net/gNqXL/

它可以工作到 IE8 及更高版本。

于 2012-04-12T04:08:30.873 回答
2

你可以用css计数器来做。

http://dev.opera.com/articles/view/automatic-numbering-with-css-counters/

于 2012-04-12T04:06:11.623 回答
1

我认为这符合您的要求：

http://www.w3schools.com/cssref/pr_gen_counter-reset.asp

于 2012-04-12T04:07:00.460 回答
0

条款和条件通常是一个静态页面。所以最好使用手动命令而不是动态生成

于 2012-04-12T04:06:52.060 回答
0

CSS 可以做到这一点。

http://caniuse.com/#search=counter

见例子。

这可能会为您指明正确的方向。

于 2012-04-12T04:07:41.927 回答