Css 在WebKit中打印时每个页面上的元素

Css 在WebKit中打印时每个页面上的元素,css,webkit,Css,Webkit,例如,我正在尝试有一个或这是它应该如何为水印工作 div.watermark{ display:none; } 然后是@media print 我认为这篇文章解释了你想要有效地做什么 不幸的是,这仍然是webkit的一个问题 解决方案:你必须用javascript克隆你的图像类,在每一个标准页面大小(以像素为单位)后,将其隐藏在屏幕上并添加 page-break-before: always; page-break-inside: avoid; display:block 请查看此答

例如,我正在尝试有一个或这是它应该如何为水印工作

div.watermark{
    display:none;
}
然后是@media print

我认为这篇文章解释了你想要有效地做什么

不幸的是,这仍然是webkit的一个问题

解决方案:你必须用javascript克隆你的图像类,在每一个标准页面大小(以像素为单位)后,将其隐藏在屏幕上并添加

page-break-before: always;
page-break-inside: avoid;
display:block
请查看此答案以了解详细信息

看看这个演示


我觉得不错。

它在Chrome v39.0.2171.95 m Windows/7上对我有效。同样在Chrome中测试过,看起来不错。您必须在html中添加足够的内容,以便打印预览有多个页面。在Chrome中,图像将只出现在第一页,而IE/FF将在每一页上显示一个。有趣。似乎它已经存在很长时间了,没有明显的解决办法:
page-break-before: always;
page-break-inside: avoid;
display:block