2

内部の div とコンテンツを持つ div としてセクションを持つページがあります。div の数は、印刷時に 1 ページ未満から多数のページまでさまざまです。

page-break-inside: avoid on every section div を使用しているため、すべてのセクションが印刷されたり、2 ページに分割されたりすることはありません。（これはFirefoxでしか機能しませんが、他のすべての話です....！）。

問題は、印刷時に各ページの上部にヘッダー画像を追加したいのですが、page-break-inside: avoid css プロパティを使用することです。印刷時にヘッダーを追加する場所がわかりません。

これを達成できるか知っている人はいますか？改ページがどこにあるのかを見つけて、そこにヘッダーを追加することはできますか? または、Word文書などにできるようにブラウザにヘッダー画像を設定する方法はありますか?

助けてください、たくさんのリックに感謝します

4

2 に答える 2

0

印刷ドライバーにアクセスできないため、JS/HTML/CSS から印刷ページを制御することは不可能であり、ユーザーが設定した用紙サイズや余白を知ることはできません。

これを回避するには、コンポーネントを使用して HTML から PDF を作成し、レイアウトをより細かく制御できます。それはサーバー側で行う必要があります。

于 2010-01-14T22:59:31.810 に答える
0

CSS2 ( spec )を使用してヘッダー情報を追加する方法がわかりません。CSS3 ( link、spec )を使用して「ページヘッダー」に TEXT を追加する方法があります。これが画像もカバーするかどうかはわかりませんが、それは始まりです. CSS3の採用を検討し、それがビジネス ニーズに合っているかどうかを検討する必要があります (ウィキペディアのリンクから、Opera のみが @page オプションをサポートしているように見えますが、その情報は古い可能性があります)。

印刷用にフォーマットされているときに、JavaScript を使用して各ページにヘッダーを挿入することはできないと思います。それがどのように行われるかわかりません（ただし、これについては間違っている可能性があります）。

あなたができることは、ブラウザページでは見えないが、印刷されたページには表示される div を定義することです。このような何かがそれを行う必要があります:

<STYLE type="text/css">
@media print {
div.header {display:block;}
}
@media screen {
div.header {display:none;}
}
</STYLE>

次に、強制改ページの後にヘッダーを含む div を配置できます。これでうまくいくはずです。さらに CSS を使用して、この div をページの上部などに強制的に配置することもできます。もちろん、これには強制改ページを使用する必要もあります。ページに収めることができるデータですが、理想的ではありません。

お役に立てれば。

于 2010-01-14T23:53:28.300 に答える