2016-03-21 28 views
0

我想在打印html页面上添加一个空白页面。我使用这个类:在html打印上设置2个分页符

.page{ 
    PAGE-BREAK-AFTER: always;  
} 

当页面打印页面中断。事情是我想在这个之后添加另一个分页符。

我一直在试图用:

.page{ 
    page-break-after: always;  
    page-break-before: always; 
} 

但只有一个设置。我怎样才能设置2个或多个分页符?或者我怎么能做到这一点,以添加一个空白页面?

回答

1

尝试这样做:

<div class="page-before"></div> 
<div class="page"> 
    <!-- page content here --> 
</div> 

而CSS:

.page-before { 
    page-break-before: always; 
} 
.page { 
    page-break-after: always; 
} 

而且只要page-before DIV始终是空的,它不应该是可见的或负面的影响布局。

+0

遗憾的是它不工作。 – jonal

0

最后,我不得不引入一些文本到div中,只是为了让IE不要忽略之后的休息。它终于得到这样:

.page { 
 
    page-break-after: always; 
 
}

和HTML:

<div class="page"> 
 
    <!-- page content here --> 
 
</div> 
 
<div class="page"> 
 
    · 
 
</div>