Печать нескольких страниц на одной странице

Question

У меня есть счет, который содержит более 100 строк продукта, который я пытаюсь распечатать. Этот единый счет-фактура должен занимать более 3 страниц, но при печати контент течет с нижнего колонтитула, а на следующей странице - следующий счет-фактура.

Я использую divs вместо таблиц, и я не могу понять, почему длинные счета-фактуры не будут печататься на нескольких страницах.

Любые идеи?

Вот моя таблица стилей:

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; 
} 

Answer 1

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

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

Answer 2

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

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

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

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