在隐藏的div上使用分页符

Question

如何让page-break-after使用display:none作为@media screen显示的div？

我希望图像仅在我打印时显示，但也要在分页后显示，以便其余的div打印到第二页。

EXAMPLE

这是我得到的结果：

Answer 1

在您当前的CSS中，您有：

@media screen { .image { display:none; } }

@media print { .image { break-after:always;} }

.one { width:200px; height:100px; background-color:#339999;}

你在哪里：

     @media print { .image { break-after:always;} }

尝试将其更改为：

     @media print { .image { page-break-after:always;} }

希望这有效。

Answer 2

这是供其他人观看此评论的 新的css文件，我删除了我的下载链接，所以这里是：

.image { display:none;}

@media print 
{ 
.image { page-break-after:always; display:table;} 
.one {display:table;}
}

.one { width:200px; height:100px; background-color:#339999;}