2017-09-06 164 views
-1

我正在創建一個基於網頁的帳單系統,其中我必須生成多個頁面的帳單pdf。如何在最後一頁打印頁面的底部添加頁腳

問題是:我想在最後一個打印頁面的底部打印頁腳。

#footer{ 
    position: fixed; 
    bottom: 0px; 
    width:100%; 
} 

此代碼打印每頁上的頁腳,但我只希望它在最後一頁上。

+0

僅在最後一頁保留頁腳。意思是,隱藏其他頁面的頁腳並通過CSS將其顯示在最後一頁上。 – anu

+0

試試'position:absolute'並檢查:https://stackoverflow.com/questions/1176770/footer-on-last-printed-page?rq=1 – Bellian

+0

pdf是由瀏覽器使用打印樣式表生成的,如何我知道哪一個是最後一頁? @anu –

回答

0

添加類到最後一頁像.last_page

然後我想:

.last_page #footer { 
 
    position: fixed; 
 
    bottom: 0px; 
 
    width: 100%; 
 
}

+0

pdf是由瀏覽器使用打印樣式表生成的,我怎麼知道哪一個是最後一頁? –

+0

我認爲根據內容,您可以添加DOM元素頁腳到您的html內容的末尾 –

+0

實際上我使用angualrjs動態地在DOM中添加購買的產品列表,但頁眉和頁腳是靜態的,所以他們已經在那裏,或者我認爲我做了' nt get ur point –

0

添加到您的樣式表,看看它是否可以幫助你:

@media print { 
body { 
    position: relative; 
    } 
#footer { 
    position: absolute; 
    bottom: 0; 
    } 
} 

參考:html footer at last page

+0

我曾試過,它不工作。當我添加這個CSS,頁腳將開始重疊最後一個打印頁面上的內容 –