2

HTMLで利用規約のページを作成する必要があるので、番号を付けたいのですが、いくつかの条件にはサブポイントがあるので、以下の例のように表示したいと思います。

  1. 私は最初のポイント

    1.1と私がサブポイント

  2. 私は2番目のポイント

  3. 私は3番目のポイント

  4. 私は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 に答える