Заголовки страниц CSS - как использовать границы печати?

Я могу получить заголовок для печати на каждой странице, но я новичок в печати полей. Я думал, что @page css будет работать, но, похоже, это не влияет на поля страницы. Если я устанавливаю поля на теле, он работает на первой странице, но последующие страницы начинают верхнее поле по умолчанию, помещая заголовок поверх текста.Заголовки страниц CSS - как использовать границы печати?

<style> 
.header { 
position: fixed; 
top: 0; 
} 
@page { 
size: 11in 17in; 
margin-left: 1in; 
margin-right: 1in; 
margin-top: 1in; 
margin-bottom: 1in; 
} 
</style> 

<body> 
<span class=header>This is the header</span> 
This is the text of the document. (repeat until I get to page 2) 
</body>

источник

2010-12-03 Ted Scheckler

`@ page` поддержка, как известно, ненадежна. Какие браузеры вы пытались? – 2010-12-03 18:02:49

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

Короткий ответ заключается в том, чтобы избежать печати HTML/CSS, если вам нужно обеспечить конкретный макет. Используйте PDF, возможно, динамически генерируемый по требованию. Существуют различные API-интерфейсы PDF-файлов, такие как iTextSharp. Можно печатать из Flash, но только если Flash установлен и работает (т. Е. Нет Flashblock, iOS).

Печать в формате HTML/CSS должна быть ограничена простыми макетами. Печать формы - это кошмар с fieldset & legend поддержка особенно проблематична (особенно на Firefox). Интересная поддержка печати лучше всего у интернет-исследователей.

Техническая спецификация поддержки печати CSS3 не была завершена и занимает некоторое свободное время.

Общие принципы:

Нет фон или фон CSS Поддерживаются изображения (по умолчанию - пользователи могут изменить свои настройки браузера для приложения интрасети). Печать только переднего плана.
Ширина должна быть текучей, поскольку размеры страниц изменяются по всей планете. Формат письма в США короче и шире формата А4.
Все браузеры поддерживают печать по-разному. Ошибки - легион.
Тест с использованием предварительного просмотра.

источник

2010-12-29 07:13:41 GlennG

Этот ответ три года, но у меня такая же проблема. Поддерживается ли поддержка печати css? В частности, http://stackoverflow.com/questions/18173423/css-print-stylesheet-padding-on-the-second-page/18173467?noredirect=1#18173467 – Heraldmonkey 2013-08-11 15:29:28

Принятый ответ, который теперь 4 1/2 лет говорит:

«Короткий ответ, чтобы избежать печати HTML/CSS, если вам необходимо обеспечить определенный макет.»

В эти дни вы можете делать печать HTML/CSS для сравнительно простых макетов в браузерах, или если вы используете такой инструмент, как wkhtmltopdf, вы можете перейти на более сложные макеты. См. Также http://www.toccon.com/toc2013/public/schedule/detail/26714

источник

2015-07-28 09:33:38

Заголовки страниц CSS - как использовать границы печати?

ответ

Смежные вопросы