javascript网页打印。在每个页面的标题中打印一个徽标

Question

我的麻烦是我不知道打印时有多少页。 我使用了以下CSS：

@media print {
    .barcode{
        position: fixed;
    }
}

这样打印时图像就会出现在每个页面中。但在第二页或第三页上，图像将作为屏幕截图与页面内容重叠。

Answer 1

您可以尝试这样的事情：

HTML

<div class='barcode'><!-- Barcode content --></div>

CSS

.barcode { display:none; }

@media print {
  .barcode  { display: block; position: fixed; top: -20px; height: 50px; }
}

需要将div定位固定，以便出现在每个打印页面上。您可以尝试调整top属性以定位并将其移动到内容之上。

Answer 2

重新考虑后，更好的解决方案是生成PDF版本的页面进行打印。然后你会有更多的控制权。所有服务器语言都有许多PDF库。

Answer 3

直接控制它是不可能的。您可以尝试做的是定期强制分页并将高度应用于间隔div。例如：

@media all
{
  div.page-break  { display:none; }
}

@media print
{
  div.page-break  { display:block; height: 100px; page-break-before:always; }
}

但是，如果您在页面中放置了足够的<div class="page-break"></div>，以便在每次自然分页符出现之前显示一个{{1}}，那么这只会起作用。

参考：http://davidwalsh.name/css-page-breaks

Answer 4

我不会说英语，对不起。我在此页面上的说明后解决了类似的问题：http://thewebthought.blogspot.com/2011/10/html-css-header-and-footer-elements-for.html