HTML打印第二頁沒有分頁符？

Question

我的html代碼存在此問題，當我打印第二頁時，此頁的頂部沒有中斷...這是打印的屏幕截圖：

http://tinypic.com/r/ek5fe8/5

我希望第二頁的休息時間是電話號碼前的765-446-8078

HTML代碼：

<div class="divTag">
            <h4 id="help-header">Planned Parenthood</h4>
            <p>964 Mezzanine Drive</p> 
            <p>Lafayette, IN 47905</p>
            <p><a href="tel:765-446-8078">765-446-8078</a></p>
            <p><a href="http://www.ppin.org">www.ppin.org</a></p>
        </div>  

我已經有一個print.css，我試圖通過編寫類似以下內容來解決此問題：

.divTag p{
page-break-before:auto;

}

但這沒有用...有人可以給我一些關於這個問題的建議嗎？ 謝謝！！！

PS：MAC OS，CHROME + FIREFOX + SAFARI也有相同的問題。

Answer 1

嘗試這個：

.divTag p {
    page-break-before: always;
}

“自動”僅在瀏覽器確定必要時插入打印分頁符。

另外，您可能希望像這樣包裝該css：

@media print {
    .divTag p {
        page-break-before: always;
    }
}

或者您可以使用以下CSS：

@media print {
    .page-break { 
        display: block; 
        page-break-before: always; 
    }
}

並將.page-break類放在您希望.page-break的元素上。