У меня возникли проблемы с печатью веб-страницы информации, которая должна охватывать примерно 3 страницы. В настоящее время печатается только 1 страница, а остальные данные не отображаются нигде? Есть ли какие-то JS или HTML, которые я могу использовать для разрыва страницы, и разрешить эту информацию продолжать печатать на следующих страницах.Моя веб-страница печатает только на 1 странице (нет перерыва)
Вам нужна таблица стилей печати, и она должна иметь высоту, установленную на «авто» и переполнение, установленную на «видимую» для тела. То, что я делаю, это что-то вроде:
@media print {
html, body { height: auto; overflow: visible; }
}
Просто поместите это в свой основной файл CSS или в собственный файл.
Да У меня уже есть эти свойства, заданные в таблице стилей печати: S –
Ну попробуйте добавить «! Important» после «visible» и до точки с запятой. – Pointy
Вы также можете заставить ваши перерывы
<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>
Там очень хорошая статья на A List Apart о подготовке сайта для печати.
Существует известная ошибка с обрезанием разделяемых divs, возможно, вам стоит взглянуть.
A List Apart/CSS Design: Going to Print (Смотрите раздел: Крепление поплавка ляпа)
Надеется, что это помогает!
Кто голосует, чтобы закрыть это? Зачем? Это отличный вопрос. – Pointy