Многостраничная печать накладных на одной странице - PullRequest
Новая
       33

Многостраничная печать накладных на одной странице

0 голосов
/ 02 апреля 2010

У меня есть счет, который содержит более 100 строк продукта, который я пытаюсь распечатать.Этот единый счет-фактура должен занимать более 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;
}

Ответы [ 2 ]

2 голосов
/ 02 апреля 2010

Возможно, вы захотите указать конкретные таблицы стилей для печати. Например, 

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

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

Затем вы можете применить класс разрыва страницы, где вы хотите, чтобы разрыв страницы. В этой статье есть несколько полезных трюков для форматирования страницы для печати. ​​

0 голосов
/ 02 апреля 2010

Нам понадобится гораздо больше информации, чем вы предлагали, чтобы реально решить эту проблему.

Однако, довольно слепой удар по чему-то, что могло бы вызвать похожее поведение, - это если вы установили что-то такое, что высота равна 100%, будь то таблица, div или что-то еще. Иногда это делается для того, чтобы оставить нижний колонтитул в нижней части окна браузера, и если вы это сделаете, это может вызвать такое поведение при печати. ​​

...