2

我的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 有同样的问题。

4

1 回答 1

0

尝试这个：

.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类放在您希望休息的元素上。

于 2013-07-22T18:32:34.613 回答