問題タブ [css-paged-media]
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 - CSS3ページメディアがどのブラウザでも機能しない
こんにちは、CSS3 ページ メディア モジュールを使用して、ブラウザーから直接 HTML コンテンツを PDF に出力しましたが、ブラウザーで動作させることができません。私の仕事は以下です。
私にとっては、どのブラウザでも機能しません。最新の Chrome、FF、Opera、Safari でテストしました。すべてのページにヘッダーとフッターを表示する必要があります。ヘッダーはすべてのページの上部に表示され、フッターはすべてのページの下部に表示されます。実際に機能するCSS3ページのメディアモジュール要素の実際の例を持っている人はいますか? また、ヘッダーとフッターの位置絶対または固定ソリューションを探していません。試してみましたが、単一ページ以外は機能しません。この質問のテキスト コンテンツを短縮しましたが、ヘッダーとフッターなしで複数のページを表示するために、複数ページのドキュメントを作成するためにコピー アンド ペーストすることができます。ヘッダーとフッターの div は一番上にとどまります。
html - ページ化された HTML ドキュメントで空のページを強制する方法は?
HTML ドキュメントで空のページを強制するにはどうすればよいですか? タイトル ページがあり、その後改ページが強制されます (以下のルール)。問題は、残りのコンテンツがすぐ次のページに表示されることです。ここでは、タイトル ページと残りのコンテンツを 1 つの空のページで分割したいと考えています (下の図)。
HTML:
CSS:
期待される結果：
<div>タイトルページと残りのコンテンツの間に空を挿入してから、それを指定することで実行できることに気付きpage-break-after: always;ました。ただし、空の div を挿入することは意味的に正しくありません。CSSのみを使用して同じ結果を達成する方法はありますか?
EDIT：page-break-after: left;この場合、最初のページはデフォルトで左ページであるため、で行うこともできます。文書の途中で、現在のページが左か右か分からない場合はどうでしょうか。または、複数の空のページを挿入したい場合。それはまだCSSで行うことができますか？
xsl-fo - アンテナハウスの新しいページで要素の上マージンを避けるには?
アンテナハウスレンダラーでHTMLとCSSを使った印刷レイアウトをしています。
コンテンツ内のボックスの上余白は 20pt にする必要があります。簡単：
ただし、要素が新しいページの先頭にない場合 (要素の直前に改ページがない場合) にのみ、上部マージンを適用する必要があります。
誰もそれを行う方法を知っていますか?
XSL-FO ソリューションも同様に歓迎されます。AntennaHouse には FO および CSS レンダリング用の同等の機能があるためです...
css - AntennaHouse での CSS Paged Media レンダリングの内側/外側のマージン
アンテナハウスレンダラーでHTMLとCSSを使った印刷レイアウトをしています。
私のコンテンツのボックスには、左側のページで 20pt、右側のページで 10pt の左余白が必要です。
したがって、ボックスの外側の余白は 20pt で、内側の余白は 10pt にする必要があります。基本的に、私はこのような構文を探しています(存在しません):
誰もそれを行う方法を知っていますか? はいの場合、内側/外側のパディングに相当するものはありますか?
XSL-FO ソリューションも同様に歓迎されます。AntennaHouse には FO および CSS レンダリング用の同等の機能があるためです...