2016-03-21 29 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>