1

こんにちは、このような順序付きリストを使用するのが好きです。

      (a) You must give any other recipients of the Work or
          Derivative Works a copy of this License; and

      (b) You must cause any modified files to carry prominent notices
          stating that You changed the files; and

      (c) You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and

      (d) If the Work includes a "NOTICE" text file as part of its
          distribution, then any Derivative Works that You distribute must

これを試してみましたが、数字が表示されます。

/* Wrap alphabet. */
ol.wrapAlphabet {
    list-style-type: lower-alpha;
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
    margin-top: 5px;
}

ol.wrapAlphabet li {
    display: block;
    margin-left: 2em;
}

ol.wrapAlphabet li:before {
    display: inline-block;
    content: "(" counter(item) ") ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
}​

HTML

<ol class="wrapAlphabet">
<li>
      You must give any other recipients of the Work or
          Derivative Works a copy of this License; and
</li>

<li>
      You must cause any modified files to carry prominent notices
          stating that You changed the files; and
</li>

<li>
      You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and
</li>
4

3 に答える 3

2

content: "("counter(item, lower-alpha)")";の代わりに使用するとcontent: "(" counter(item) ") ";うまくいくはずです

デモ: http://jsfiddle.net/J5NmV/1/

于 2012-11-19T04:52:10.170 に答える
1

はcounter(item)、数値ではなく整数のみを提供します。したがって、JavaScript または jQuery を使用してループインし、属性を設定する必要があります。たとえばdata-count、アルファベットを設定します。

次に、アルファベットを表示するようにcounter(item)toを置き換える必要があります。attr(data-count)

于 2012-11-19T04:45:07.037 に答える
1

この CSS を使用します。

/* Wrap alphabet. */
ol.wrapAlphabet {
    list-style-type: lower-alpha;
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
    margin-top: 5px;
    padding-left: 40px;
}

ol.wrapAlphabet li {
}

ol.wrapAlphabet li:before {
    display: inline-block;
    content: "(";
    counter-increment: item;
    width: 2em;
    margin-left: -1.75em;
}
ol.wrapAlphabet li:after {
    display: inline-block;
    content: ")";
    counter-increment: item;
    width: 2em;
    margin-left: -3.5em;
}
​

デモ: http://jsfiddle.net/x5Rwv/

より優れた最新のブラウザーを使用している場合 (私は推測します)、次のように単純に置き換えることができます。

content: "("counter(item)";

と：

content: "("counter(item, lower-alpha)")";

デモ: http://jsfiddle.net/x5Rwv/1/

于 2012-11-19T04:52:09.330 に答える