ブートストラップ 4 のネストされたカードで作成された、適切に印刷可能にしたいコードのスニペットがあります。改ページを機能させようとしていますが、サレンドポイントに近づいています。複数の場所で検索を試み、複数のヒントに従いましたが、機能させようとしているように何も機能しませんでした。
内部に他の動的数カードを含む複数のカードがあり、 @media print では、必要に応じて改ページを追加して、内側のカードで改ページを回避したいと考えていますこれ）。今のところ、それは私を無視するだけで、改ページはまったく行いません。
スニペットを共有できるように、コードを分離しました。これは、デフォルトで表示されるページです: https://sandbox.federicofallico.it/default.php これは、ページを生成する PHP ソースです: https://sandbox.federicofallico.it/default.txt
すでに custom.css があることに注意してください ( https://sandbox.federicofallico.it/custom.css )
body/page-content/content-wrapper/content div を変更できないことにも注意してください
今、私は多くのテストを行いましたが、うまくいったように見えるのは2つだけです（悪い）、
テスト 1 : https://sandbox.federicofallico.it/test1.php ソース ( https://sandbox.federicofallico.it/test1.txt )
これを追加
<div class="pagebreak-before"> </div>
各外部カードのクローズが機能する前に、改ページが前に追加されますが、ページの下部に到達すると明らかに内部カードがカットされます。
テスト 2 : https://sandbox.federicofallico.it/test2.php ソース ( https://sandbox.federicofallico.it/test2.txt )
内部カード (custom.css) にpagebreak-avoidクラスを追加すると動作するように見えますが、一部の内部カードで奇妙な動作が発生します (オーバーフローがある場合のようにコンテンツが消えます: 非表示)。
私は何を間違っていますか？私を助けてくれるすべての人に前もって感謝し、下手な英語でごめんなさい！