web-dev-qa-db-ja.com

wkhtmltopdfヘッダーのクリッピングコンテンツを修正しましたか？

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

Image demonstrating the problem, content is shown below the header

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

wkhtmltopdf
18
Nenotlep

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

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

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=52 （header-間隔の回避策）

22
Nenotlep

ヘッダーとフッターに<body style='height:50px;overflow:hidden;margin:0;padding:0;'>を使用し、--header-spacing 30 -T 45mmパラメーターを使用して作業しました。

8
user3536077

ヘッダー/フッターページの先頭に<!doctype html>があることを確認してください。それ以外の場合、Webkitはページをquirksmodeでレンダリングします。

4
vdboor

これは私のために働いた
thead {display：table-header-group;}
tfoot {display：table-row-group;}
tr {page-break-inside：avoid;}

3
Amrit Shrestha

これは私のために働いた

-ヘッダー間隔XX-T XXmm

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

1
bonzi