2013-07-22 39 views
2

我的HTML代码是有这个问题,当我打印出来的第二个页面,此页面的顶部没有休息...这里是打印的截图: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; 

}

,但它没有工作...任何人都可以给我一些建议,这个问题好吗? Thx在前面!

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

+0

介意与分页符相关的限制,即。不适用于元素位于浮动元素 –

+0

和阅读http://alistapart.com/article/goingtoprint/ –

回答

0

试试这个:

.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类,你希望拥有的元素休息。

+0

是的,我已经试过这种方式。但是这会在每个段落上做一个分页,所以结果会变成:一个单一的段落+单个页面中的一个巨大的分页符(除此之外别无其他).... – Tofuninja173