我正在創建一個基於網頁的帳單系統,其中我必須生成多個頁面的帳單pdf。如何在最後一頁打印頁面的底部添加頁腳
問題是:我想在最後一個打印頁面的底部打印頁腳。
#footer{
position: fixed;
bottom: 0px;
width:100%;
}
此代碼打印每頁上的頁腳,但我只希望它在最後一頁上。
我正在創建一個基於網頁的帳單系統,其中我必須生成多個頁面的帳單pdf。如何在最後一頁打印頁面的底部添加頁腳
問題是:我想在最後一個打印頁面的底部打印頁腳。
#footer{
position: fixed;
bottom: 0px;
width:100%;
}
此代碼打印每頁上的頁腳,但我只希望它在最後一頁上。
添加類到最後一頁像.last_page
然後我想:
.last_page #footer {
position: fixed;
bottom: 0px;
width: 100%;
}
pdf是由瀏覽器使用打印樣式表生成的,我怎麼知道哪一個是最後一頁? –
我認爲根據內容,您可以添加DOM元素頁腳到您的html內容的末尾 –
實際上我使用angualrjs動態地在DOM中添加購買的產品列表,但頁眉和頁腳是靜態的,所以他們已經在那裏,或者我認爲我做了' nt get ur point –
添加到您的樣式表,看看它是否可以幫助你:
@media print {
body {
position: relative;
}
#footer {
position: absolute;
bottom: 0;
}
}
我曾試過,它不工作。當我添加這個CSS,頁腳將開始重疊最後一個打印頁面上的內容 –
僅在最後一頁保留頁腳。意思是,隱藏其他頁面的頁腳並通過CSS將其顯示在最後一頁上。 – anu
試試'position:absolute'並檢查:https://stackoverflow.com/questions/1176770/footer-on-last-printed-page?rq=1 – Bellian
pdf是由瀏覽器使用打印樣式表生成的,如何我知道哪一個是最後一頁? @anu –