0

100 行以上の製品を含む請求書を印刷しようとしています。この 1 つの請求書は 3 ページを超えるはずですが、印刷すると内容がフッターからはみ出し、次のページが次の請求書になります。

表の代わりに div を使用していますが、長い請求書が複数のページに印刷されない理由がわかりません。

何か案は？

ここに私のスタイルシートがあります:

h1,h2,h3 { margin: 0 0 0.5em 0; padding: 0;}
body { font-family: sans-serif; font-size: 0.8em; }
label, legend { font-weight: bold; }
pre { font-family: sans-serif; }

shipping_address {
  width: 45%;
}

billing_address {
  width: 45%;
}

order_info {
  padding: 0 10px;
}

shipping_logo {
  width: 115px;
}

content {
  margin: 0px auto 0px auto;
  width: 100%;
  padding-bottom:15px;
}

div.container {
  display: table;
  width: 100%;
}
div.header {
  display: table-row;
  text-align: center;
}
div.row {
  display: table-row;
}

.even {
  background: #CCCCCC none repeat scroll 0 0;
}

div.cell {
  display: table-cell;
  padding: 0 10px;
}
4

2 に答える 2

2

印刷用に特定のスタイルシートを指定したい場合があります。例えば、

 @media all
 {
.page-break { display:none; }
 }

@media print
 {
.page-break { display:block; page-break-before:always; }
 }

その後、改ページする場所に改ページ クラスを適用できます。この記事には、印刷用にページをフォーマットするための巧妙なトリックがいくつかあります。

于 2010-04-02T01:16:03.833 に答える
0

この問題に実際に取り組むには、あなたが提案したものよりもはるかに多くの情報が必要になります.

ただし、テーブル、div、または何かの高さが 100% になるように何かを設定した場合、同様の動作が発生する可能性があります。これは、ブラウザ ウィンドウの下部にフッターを表示するために行われることがあります。これを行うと、印刷時にこの動作が発生する可能性があります。

于 2010-04-02T01:11:52.987 に答える