問題タブ [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.
css - ページ間で分割された box-shadow - 印刷用の CSS
作成した Web ページを印刷しようとしています。
また、印刷用の特定のルールを含む style.css も作成しました。
ページ間で分割する必要のないコメントを表す div ボックスがいくつかあります。
このプロパティを追加しました：
page-break-inside: 避ける;
これは形状では機能しましたが (バブルは内部で正しく分割されていません)、ボックスの影はまだページ間で分割されています。
この問題を解決するにはどうすればよいですか?
css - CSS page-break-inside/after/before が機能しないことを回避する
HTML を PDF に変換するために wkhtmltopdf を使用しています。私の懸念はpage-break-* : ignore;指令に関するものです。見出しの直後に PDF が新しいページに切り替わらないようにしようとしているので、タイトルとコンテンツは常にくっつきます。どういうわけか、それは本当にうまくいかないようです！私はさまざまな方法で試しましたが、結果は常に同じで、CSS を無視します... のいずれかpage-break-inside: avoid !important;、page-break-after: avoid !important;またはpage-break-before: avoid !important;動作しているようです。
編集：
私のコードのサンプルは次のようになります。
index.html
スタイル.css
次の結果が得られます。
何か案は？ありがとう！
c# - asp.net MVCのRotativa pdfで改ページをきれいにする
Rotativa を使用して HTML を PDF に変換しています。n 回繰り返す div があり、n 個の行を持つことができるテーブルがあります。あるページで div の半分を作成し、別のページで半分を作成しない正確なポイントでページを分割するクリーンな方法を見つけようとしています。divを2ページに分割せずに1ページに表示できる十分な行を取得した後、行数を取得して改ページを追加しようとしましたが、それでも行数が増えるとうまくいかない場合があります. またpage-break、divを繰り返した後も機能しません。page-break特定のdivが発生した後に動作できるようにするのを手伝ってもらえますか。