飛碟頁碼+頁數

Question

我想配置一個很好的頁腳我使用飛碟產生的PDF文件。 但我在將頁碼和頁數計入一個不錯的位置時遇到問題。

考慮這一點的CSS：

div#page-footer { 
    position : running(footer); 
    // .. more styling .. // 
} 
div.page-number:before { 
    content: counter(page); 
} 

使用HTML的該位不會給我一個頁碼：

<div id="page-footer"> 
    <div class="page-number"></div> 
</div> 

我設法得到一個頁碼，如果我移動的唯一方法該級別的一級。

<div id="page-footer" class="page-number"> 
</div> 

但是，這不允許我在頁腳中添加額外的內容或使應用樣式非常困難。我可以爲頁碼添加一個單獨的頁腳，但很難讓位置恰到好處。

有沒有一種方法可以在包含其他元素和樣式的頁腳中獲取頁碼+頁數？

附加說明：

• 我簡化頁腳了一下，原來還有更多的在那裏，但即使這樣簡單的例子，它給問題。
• 使用跨度或div元素沒有區別。

Answer 1

您應該使用id而不是class來標識包含頁碼的div。

這將工作：

div#page-number:before { 
    content: counter(page); 
} 

<div id="page-footer"> 
    <div id="page-number"></div> 
</div>