打印我的網頁時，我可以將我的標題'附加'到我的內容嗎？

我有一個標準的網頁，標題，子標題和文本塊，在頁面上重複。偶爾會從瀏覽器直接打印此頁面。打印我的網頁時，我可以將我的標題'附加'到我的內容嗎？

很顯然，網頁需要拆分以適應需要的頁面。

我遇到的問題是，我的一些子標題被留在一頁的底部，文本被壓入下一頁。

理想情況下，我希望子標題'追隨'文本。

任何人有任何建議嗎？這是一個甚至可以解決的問題嗎？

也許使用JavaScript或jQuery或一些神奇的CSS3？

<div id="mainContent"> 

    <div class="header"></div> 
    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="header"></div> 
    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="header"></div> 
    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

    <div class="header"></div> 
    <div class="subHeader"></div> 
    <div class="text"> 
     //LOTS OF TEXT 
    </div> 

</div>

乾杯！

來源

2014-06-26 Daft

您是否嘗試過把該子頭和文本同一div和添加'內頁-break-after：避免'爲SubHeader？ –

我沒有。儘管我會給他一個禮物。乾杯。 – Daft

理想情況下，您需要使用打印樣式表。這可以讓你更改專門用於打印的CSS。

有各種打印特定的CSS規則，但你必須在各種瀏覽器上嘗試它們。

例如：分頁，之後，您可以插入分頁符元素使用後用它在

http://www.w3schools.com/cssref/pr_print_pageba.asp

來源

2014-06-26 13:24:26

打印我的網頁時，我可以將我的標題'附加'到我的內容嗎？

回答

相關問題