CSS打印 - 大段落不被拆分

Question

我有一个html页面，我想打印机友好。我以一种我认为对打印机友好的方式进行了设置，但它似乎并不想在两页之间打破一大段文字，留下第一页，其上只有几个项目，还有一个大的空白点在页面的底部，然后是第二页，其上有一个大段落。

这里是

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

当您打印的页面，你可以（通过PHP和MySQL数据库等，产生了大量的原始页面上的数据），我的页面的一个简化版本请参阅“基本信息”部分跳转到第二页，当它应该在第一页和第二页分开时。

你可以在这里查看原始HTML/CSS：

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

我已经在<p>类使用page-break-inside: auto但似乎并未有做过什么。

Answer 1

从div.full选择器中删除display:inline-block;。将其显示为嵌入块似乎会导致浏览器不会将其分成两半，即使您在父代article上使用page-break-inside也是如此。