我正在处理发票打印脚本.发票号码必须打印在所有打印页面的顶部.我用PHP来实现这个目的.但这里我只是复制html版本.这个脚本在FF和IE中工作正常,但不能在chrome中工作.在FF中,我可以看到发票编号出现在打印视图中所有页面的标题部分中.我删除了所有不必要的代码以获得清晰的代码.我需要在每个打印页面中看到“发票编号：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/
我也可以在打印预览中看到它…
如果您希望它显示在页面顶部更改底部：0px;顶部：0px;像这里：https://jsfiddle.net/m665svj6/1/
