我有一个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>
,但似乎没有做任何事情。
答案 0 :(得分:1)
从display:inline-block;
选择器中移除div.full
。将其显示为内联块似乎会导致浏览器不将其分成两半,即使您在父page-break-inside
上使用article
。