2017-09-06 161 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,页脚将开始重叠最后一个打印页面上的内容 –