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

使用CSS打印页面总数的页面数

华易安
2023-03-14
问题内容

我有一个填充有动态数据的表,要处理在打印中的问题,我在其中应用了一些分页符,一切正常,但是在打印时,我需要在每页下方显示一个分页,例如“ Page 1
of 3
”,依此类推。我已经尝试过使用CSS,但是我只能用它打印当前页码。还有其他方法可以实现吗?这是我的代码

   body {
        counter-reset: page;
    }
    .page-count:after {
        counter-increment: page;
        content: "Page " counter(page) " of " counter(pages);
    }

问题答案:

您是否尝试过:

@page {
   @bottom-right {
    content: counter(page) " of " counter(pages);
   }
}


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

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

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

  • 问题内容: 我有一个客户想打印的网页,而我遇到的麻烦是让页脚位于最后一个打印页面的底部,而不仅仅是内容结束时 我尝试了类似的东西 但它在每页末尾显示页脚。 也许我对CSS的要求太高了…可行吗? 我想我应该对 的(^_^)发疯 问题答案: 尝试将相对的身体和绝对的页脚定位: 借助CSS 3 Paged Media模块,您可以使用以下代码:

  • 问题内容: 默认情况下,当您打印网页时,页面 标题 和 URL 将显示在页面顶部, 日期 和 时间 也将显示在底部。 通过PAGE SETUP菜单(在Internet Exp中的FILE下)进行打印时,可以删除其他附件。 有谁知道通过CSS或javascript执行此操作的方法? 问题答案: 从历史上看,要使这些东西消失是不可能的,因为它们是用户设置,而不是您可以控制的页面的一部分。 但是,截至2

  • 问题内容: 我正在使用AJAX将表单数据发送到建立并发送html电子邮件的服务器php文件。我在服务器php文件中回显了部分数据。回显的html生成一个表,我希望用户在纸上打印。我想打开默认的浏览器打印对话框,以便用户可以打印他/她看不到的表。我不在乎是否必须打开一个新选项卡才能显示回显的内容。这有可能吗? 问题答案: 返回该html表单ajax请求,然后使用javascript打印 此代码未经测