当前位置: 首页 > 面试题库 >

最后打印页面上的页脚

欧阳俊捷
2023-03-14
问题内容

我有一个客户想打印的网页,而我遇到的麻烦是让页脚位于最后一个打印页面的底部,而不仅仅是内容结束时

我尝试了类似的东西

 #printfooter{display: block; position:fixed; bottom: 0;}

但它在每页末尾显示页脚。

也许我对CSS的要求太高了…可行吗?

我想我应该对
的(^_^)发疯


问题答案:

尝试将相对的身体和绝对的页脚定位:

body {
    position: relative;
}
#printfooter {
    position: absolute;
    bottom: 0;
}

借助CSS 3 Paged Media模块,您可以使用以下代码:

@page:last {
    @bottom-center {
        content: "…";
    }
}


 类似资料:
  • 问题内容: 我已经阅读了很多有关打印页码的网站,但是当我尝试打印html页面时,仍然无法显示它。 接下来是CSS代码: 我试图把这个页面规则放进去 在其外部,尝试将其放入中,但没有任何帮助使我在页面上显示页码。我尝试使用FireFox和Chrome(您知道基于WebKit的浏览器)。我认为问题出在我的HTML或CSS代码中。 有人可以告诉我一个在具有多个页面的大html页面中实现此规则的示例吗?我

  • 我只想在第一页和最后一页打印页脚。我怎样才能做到这一点?

  • 在某些情况下,需要在网页上放置一个按钮,以便使用实际的打印机来打印网页的内容。 JavaScript帮助我们实现了打印网页的实现。 当执行JavaScript中的打印功能时,它将打印当前网页。只需在事件中使用它即可直接调用此函数。 语法 示例代码: 运行结果如下:

  • 很多时候,您希望在网页上放置一个按钮,通过实际的打印机打印该网页的内容。 JavaScript帮助您使用window对象的print函数实现此功能。 JavaScript打印函数window.print()在执行时打印当前网页。 您可以使用onclick事件直接调用此函数,如以下示例所示。 例子 (Example) <html> <body> <form>

  • 问题内容: 根据我的研究,看来我想做的事是不可能的,但是如果情况有所变化,我想检查一下是否有人想出办法。 我有一个Web应用程序,可以根据浏览器窗口中的用户选择生成打印报告。我有一个自定义的页眉和页脚,当从浏览器打印报告时,应在每个打印的页面上重复该页眉和页脚。它不是我需要的浏览器页眉和页脚,而是我生成的自定义页眉和页脚。另外,我不认为这是CSS和媒体类型的问题,但我不是CSS专家。我没有让页眉和

  • 根据这些文件,可以使用以无头模式启动Chrome以导出网页的PDF格式。这对于通过请求访问的页面很好。 试图找到一个打印到PDF的解决方案,这将允许我导出一个PDF后,执行多个导航请求从Chrome。示例:打开,输入搜索查询,单击第一个结果链接,导出到PDF。 看着(数量非常有限的)文档和样本,我没能找到一种方法来指示Chrome在页面加载后导出PDF。我正在使用Java的。 一个不涉及Chrom