2

下面的 HTML/CSS 适用于最近的浏览器，但不适用于 CF9 的 cfdocument。有想法的人吗？

我知道什么？ 是的！我知道 CF 的 cfdocument 支持一组有限的 CSS 属性。CF 文档说支持 counter-reset、counter-increment 和 counter。

预期
产出杂货：
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

我认为指定列表样式类型可能会有所帮助，下面的内容应该让您更接近。数字后面有小数点：

杂货：

  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 回答