Моя веб-страница печатается только на 1 странице (без перерыва) - PullRequest
Новая
       15

Моя веб-страница печатается только на 1 странице (без перерыва)

4 голосов
/ 28 октября 2010

У меня проблемы с печатью веб-страницы с информацией, которая должна занимать около 3 страниц.В настоящее время печатается только 1 страница, а остальные данные нигде не видны?Есть ли какой-нибудь JS или HTML, который я могу использовать, чтобы разбить страницу и позволить информации продолжать печататься на следующих страницах.

Ответы [ 3 ]

4 голосов
/ 28 октября 2010

Вам нужна таблица стилей печати, для нее должна быть установлена ​​высота "auto" и переполнение для "visible" для тела.То, что я делаю, выглядит примерно так: 

@media print {
    html, body { height: auto; overflow: visible; }
}

Просто поместите это в свой основной файл CSS или в отдельный файл.

2 голосов
/ 28 октября 2010

В A List Apart есть довольно хорошая статья о подготовке вашего сайта к печати.

Существует известная ошибка, при которой плавающие div обрезаются, возможно, вам стоит взглянуть.

A List Apart / CSS Design: Переход к печати (См. Раздел: Исправление поплавка)

Надеюсь, это поможет!

1 голос
/ 28 октября 2010

Вы также можете форсировать свои перерывы 

<style>
.break { page-break-before: always; }
</style>
<body>
content on page 1...
<h1 class="break">text of Heading 1 on page 2</h1>
content on page 2...
<h1 class="break">text of Heading 1 on page 3</h1>
content on page 3...
<p class="break">content on top of page 4</p>
content on page 4...
</body>
...