我正在创建一个基于网页的帐单系统,其中我必须生成多个页面的帐单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 –