javascript - 如何在 Chrome 中的每个打印页面上打印网页的一部分(标题)

标签 javascript jquery html css

我正在处理发票打印脚本。发票编号必须打印在所有打印页面的顶部。我正在使用 php 来实现这一点。但这里我只是复制 html 版本。此脚本在 FF 和 IE 中运行良好,但在 chrome 中不起作用。在 FF 中,我可以看到发票编号出现在打印 View 中所有页面的页眉部分。我删除了所有不必要的代码以获得清晰的代码。我需要在每个打印页面中查看“发票编号:A23000BN”。有什么办法可以在 chrome 浏览器中实现同样的效果吗?我的 html 脚本如下:

<html>
<head>
<style>
#header {
    text-align: right;
    height: 20px;
    position: fixed;
    margin: 0px;
    bottom: 0px;
}
</style>
</head>
<body>
<table width="100%">
   <tr>
      <td height="1200"></td>
   </tr>
</table>
<div class="header"> Invoice Number : A23000BN </div>
</body>
</html>

最佳答案

由于TD元素高,序列号显示在第二页底部:https://jsfiddle.net/m665svj6/

我也可以在打印预览中看到它...

enter image description here

如果您希望它显示在页面顶部,请将 bottom: 0px; 更改为 top: 0px;,如下所示:https://jsfiddle.net/m665svj6/1/

关于javascript - 如何在 Chrome 中的每个打印页面上打印网页的一部分(标题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34542063/

相关文章:

javascript - 在待办事项列表中需要帮助 - Javascript

html - 图标未出现

javascript - 解析云代码助手功能不起作用

javascript - 如何将JSON数据推送到二维数组中?

jquery - 最小化选项卡的 JS

javascript - 用一位小数验证jquery中的负数

javascript - 使用 jQuery 隐藏/显示功能时,表单提交按钮不起作用

c# - 使用 html5 将 byte[] 显示为 pdf

javascript - knockoutjs 验证 - 重新计算验证规则

javascript - ASP.NET、母版页和 jQuery