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也是如此。