ColdFusion cfdocument CSS計數器增量計數器

下面的HTML/CSS適用於最近的瀏覽器，但不適用於CF9的cfdocument。任何人有想法？ColdFusion cfdocument CSS計數器增量計數器

我該知道些什麼？ 是的！我知道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>

來源

2012-08-23 ArdMan

+1讀取支持屬性列表:) – Leigh

參考：cfdocument's支持的CSS屬性[鏈接]（http://help.adobe.com/en_US/ColdFusion/9.0/CFMLRef/WSc3ff6d0ea77859461172e0811cbec22c24-7c21.html） – ArdMan

我認爲它可以幫助指定list-style-type，下面的這個應該會讓你關閉河它有後的數字小數點：

雜貨：

）蘋果
）香蕉
）切開羚羊

<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-23 21:11:42

感謝蒂姆。我玩過你的榜樣。我沒有意識到我的CSS不正確。看起來像li：在按照預期在cf文檔中工作之前。這是沒有出現的櫃檯。 Arggg！ – ArdMan

你是什麼意思計數器沒有顯示出來？我的例子有1）2.）等。 –

FWIW，我得到了和Tim一樣的結果。你使用了上面的確切代碼嗎？你正在運行什麼版本的CF？ – Leigh

ColdFusion cfdocument CSS計數器增量計數器

回答

相關問題