HTML打印第二页没有分页符？

Question

我的HTML代码遇到了这个问题，当我打印出第二页时，此页面顶部没有中断...这是print的截图：

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

我希望在电话号码前第二页有休息时间：765-446-8078

HTML code：

<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;

}

但它没有用......有人能就这个问题给我一些建议吗？ Thx提前!!!

P.S：MAC OS，CHROME + FIREFOX + SAFARI有同样的问题。

Answer 1

试试这个：

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

如果浏览器确定需要，

'auto'仅插入打印分页符。

另外，你可能想要像这样包装那个css：

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

或者你可以使用这个css：

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

并将.page-break类放在您希望休息的元素上。