問題タブ [page-break-inside]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - wkhtmltopdf を pdf に変換すると、表の行で page-break-inside が機能しない
wkhtmltopdf を使用して html から pdf への変換を行っています。page-break-inside を使用しており、window.print() でチェックしているときに機能していますが、html が pdf に変換されると、内部で改ページする必要がある行全体が次のページにあります。なぜ？
html - css page-break-inner での奇妙な動作: 回避
ブートストラップ 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 )
これを追加
各外部カードのクローズが機能する前に、改ページが前に追加されますが、ページの下部に到達すると明らかに内部カードがカットされます。
テスト 2 : https://sandbox.federicofallico.it/test2.php ソース ( https://sandbox.federicofallico.it/test2.txt )
内部カード (custom.css) にpagebreak-avoidクラスを追加すると動作するように見えますが、一部の内部カードで奇妙な動作が発生します (オーバーフローがある場合のようにコンテンツが消えます: 非表示)。
私は何を間違っていますか？私を助けてくれるすべての人に前もって感謝し、下手な英語でごめんなさい！