19

私のヘッダーはコンテンツをクリップして、その下のコンテンツが完全に表示されないようにすることがよくあります。ヘッダーが終了する前にページがヘッダーの下に続いているように見え、その結果、すべてのコンテンツが表示されるわけではありません。

問題を示す画像。コンテンツはヘッダーの下に表示されます

これに使用できる CSS ルールはありますか? または wkhtmltopdf の cmd 引数ですか? それとも他の方法ですか？

4

6 に答える 6

25

これは実際には既知の問題であり、しばらく変更される可能性は低いことを知りました。style="margin:0; padding:0;"回避策は、ヘッダー<body>要素で使用することです。--header-spacing n別の回避策は、パラメーターを試してみることです。もう 1 つの方法は、すべてのトップページ要素をラップしてそこに余白を追加することですが、これは非常に悪い非動的なアイデアです。

詳細については、次を参照してください。

http://code.google.com/p/wkhtmltopdf/issues/detail?id=182 (この問題の複製) http://code.google.com/p/wkhtmltopdf/issues/detail?id=175 (この問題の原因) http://code.google.com/p/wkhtmltopdf/issues/detail?id=523 (ヘッダー間隔の回避策)

于 2012-07-17T06:46:25.607 に答える
11

<body style='height:50px;overflow:hidden;margin:0;padding:0;'>ヘッダーとフッター、および--header-spacing 30 -T 45mmパラメーターで機能しました。

于 2014-04-15T13:08:49.863 に答える
3

これは私のために働いた

thead {
    display: table-header-group;
}
tfoot {
    display: table-row-group;
}
tr {
    page-break-inside: avoid;
}
于 2016-04-09T08:52:31.387 に答える
1

これは私のために働いた

--header-spacing XX -T XXmm

XX は同じ値にする必要があります eq: --header-spacing 20 -T 20mm

于 2017-09-14T15:17:49.670 に答える