6

これらの設定を使用しました

WickedPdf::config = {
    :layout           => 'application.pdf.html', # use 'pdf.html' for a pfd.html.erb file
    :wkhtmltopdf      => '/bin/wkhtmltopdf', # path to binary
    :orientation      => 'Portrait', # default , Landscape
    :page_size        => 'A4',
    :dpi              => '300',
    :print_media_type => true,
    :no_background    => true,
    :margin           => {:top    => 0, # default 10 (mm)
                          :bottom => 0,
                          :left   => 0,
                          :right  => 0},

}

ボディスタイルを

body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    width: 210mm;
    height: 297mm;
}

およびクラス .page の div

.page {
    display: inline-block;
    clear: both;
    border: 2px solid #FF0000;
    width: 210mm;
    height: 297mm;
    page-break-after: auto;
}

しかし、pdf が作成されると、.page div は pdf ページのほぼ半分になります。

4

2 に答える 2

3

ページ コンテナをフローティングしている場合は、機能しません。まったく同じ問題があり、フローティングプロを削除したら.

したがって、ページ コンテナーは次のようになります。

.page {
display: block;
clear: both;
border: 2px solid #FF0000;
page-break-after: auto;}

左に浮いているのinline-blockと同じだからです。

于 2011-11-09T13:51:54.747 に答える
1

あなたのCSSを入れてみてください

@media print
    { .page {
    display: inline-block;
    clear: both;
    border: 2px solid #FF0000;
    width: 210mm;
    height: 297mm;
    page-break-after: auto;
 }
}

media="all"また、外部スタイルシートを参照している場合は、必ず追加してください。

<link href="/stylesheets/scaffold.css?1304060088"
      media="all" rel="stylesheet" type="text/css">
于 2011-05-02T18:21:42.607 に答える