CSS打印 - 大页面不会在页面

时间:2017-06-13 23:20:17

标签: html css printing

我有一个html页面,我希望打印机友好。我已经设置了一个我认为可以打印机友好的方式,但它似乎不想在两个页面上打破一个大段落,留下我的第一页只有几个项目和一个大的空白点在页面的底部,然后是第二页,上面有一个大段落。

这是我页面的简化版本(原始页面上的大量数据是通过php和mysql数据库等生成的。)

https://kronik907.github.io/css-page-break-example/

当您打印页面时,您可以看到“基本信息”部分跳转到第二页,它应该在第一页和第二页之间分开。

您可以在此处查看原始html / css:

https://github.com/KroniK907/css-page-break-example/blob/master/index.html

我已在page-break-inside: auto课程上使用<p>,但似乎没有做任何事情。

1 个答案:

答案 0 :(得分:1)

display:inline-block;选择器中移除div.full。将其显示为内联块似乎会导致浏览器不将其分成两半,即使您在父page-break-inside上使用article