2

以下の HTML/CSS は最近のブラウザーでは機能しますが、CF9 の cfdocument では機能しません。アイデアのある人はいますか？

私は何を知っていますか？ はい！CF の cfdocument がサポートする CSS プロパティのセットが限られていることは承知しています。CF のドキュメントには、カウンター リセット、カウンター インクリメント、およびカウンターがサポートされていると記載されています。

予想
される食料品:
1) りんご
2) バナナ
3) カンテロープ

サンプルコード 

<cfdocument format="PDF" pagetype="letter" 
    margintop="0.5" marginbottom="0.5" 
    marginleft="0.5" marginright="0.5">
<html>
<head>
    <style type="text/css">
        li { list-style-type: none; }
        ol { counter-reset: ordered; 
          padding-left: 0.5em; 
          border: solid 1px #F00; 
        }
        li:before { counter-increment: ordered; 
          content: counter(ordered) ") "; 
        }
    </style>
</head>
<body>
    <strong>GROCERIES:</strong><br>
    <ol>
      <li>Apples</li>
      <li>Bananas</li>
      <li>Cantelopes</li>
    </ol>
</body>
</html>
</cfdocument>
4

1 に答える 1

1

list-style-type を指定すると役立つと思います。以下で説明します。数字の後に小数点があります：

食料品:

  1. ） りんご
  2. ） バナナ
  3. )カンテロープ
<cfdocument format="PDF" pagetype="letter" 
    margintop="0.5" marginbottom="0.5" 
    marginleft="0.5" marginright="0.5">
<html>
<head>
    <style type="text/css">
        ol {list-style-type: none;}
        li:before {content: counter(section, decimal) ") ";}
        li { counter-increment: section;}
    </style>
</head>
<body>
    <strong>GROCERIES:</strong><br>
    <ol>
        <li>Apples</li>
        <li>Bananas</li>
        <li>Cantelopes</li>
    </ol>
</body>
</html>
</cfdocument>
于 2012-08-23T21:11:42.853 に答える