4

約 3 ページにわたる Web ページの情報を印刷するのに問題があります。現在、印刷されているのは 1 ページだけで、残りのデータはどこにも表示されていませんか? ページを分割し、次のページに情報を引き続き印刷できるようにするために使用できる JS または HTML はありますか。

4

3 に答える 3

4

印刷スタイルシートが必要です。ボディの高さを「自動」に設定し、オーバーフローを「可視」に設定する必要があります。私がしていることは次のようなものです：

@media print {
    html, body { height: auto; overflow: visible; }
}

それをメインの CSS ファイルまたは独自のファイルに入れるだけです。

于 2010-10-28T13:19:55.260 に答える
2

サイトを印刷用に準備する方法について、A List Apart に非常に優れた記事があります。

フローティング div が途切れるという既知のバグがあります。確認する価値があるかもしれません。

A List Apart / CSS Design: Go to Print (「フロート フラブの修正」セクションを参照)

お役に立てれば！

于 2010-10-28T14:11:28.147 に答える
1

休憩を強制することもできます

<style>
.break { page-break-before: always; }
</style>
<body>
content on page 1...
<h1 class="break">text of Heading 1 on page 2</h1>
content on page 2...
<h1 class="break">text of Heading 1 on page 3</h1>
content on page 3...
<p class="break">content on top of page 4</p>
content on page 4...
</body>
于 2010-10-28T13:47:20.683 に答える