Описание тега css-paged-media

Описание тега Вопросы с тегом
CSS Paged Media описывает модель страницы, которая разделяет поток на страницы. Он определяет модель страницы и страничный носитель, добавляет функциональность для разбивки на страницы, полей страницы, размера и ориентации страницы, верхних и нижних колонтитулов, окон и сирот, а также ориентации изображений, позволяет нумерацию страниц и запуск верхних и нижних колонтитулов. Используйте этот тег для вопросов, связанных с вопросами CSS Paged Media, как описано на странице W3C.
2 ответа

Настройка заголовков страниц с контентом с использованием @page content css

Я пытаюсь включить текст заголовка во все страницы документа при печати, а также по факсу с использованием правила CSS @page. Но это почему-то не работает для меня, когда я вижу предварительный просмотр в Chrome. Я проверяю это в jsfiddle. Вот моя с…
21 дек '15 в 05:56
1 ответ

Изменение стиля счетчика работающих элементов CSS после нескольких страниц

Я создаю PDF-документ, используя FlyingSaucer с номерами страниц в рабочем заголовке. Я пытаюсь добиться того, чтобы изменить стиль счетчика, примененного к элементу запуска, используемому для заголовка. Так как CSS применяется FlyingSaucer, я не мо…
13 фев '18 в 12:27
2 ответа

Создание верхних и нижних колонтитулов страниц с использованием CSS для печати

Я создаю PDF с помощью Flying Saucer (который выводит CSS/HTML в iText в PDF) и пытаюсь использовать CSS3, чтобы применить верхний и нижний колонтитулы к каждой странице. Я хотел бы поместить этот div в верхнем левом углу каждой страницы: <div id…
15 мар '12 в 22:59
3 ответа

Javascript распечатать несколько div на разных страницах

Мне нужно печатать на бумаге формата А4 с каждым <div> начиная с разных страниц <div id="1"> //content </div> <div id="2"> //content </div> <div id="3"> //content </div> .... Например, <div id="1"> мож…
03 июл '17 в 13:01
1 ответ

Ссылаться на данные base64 в нескольких свойствах контента

Вместо нескольких одних и тех же данных base64, есть ли способ определить их один раз и ссылаться на них в нескольких свойствах контента? div#my_id1 { content: url(data:image/png;base64,...); } div#my_id2 { content: url(data:image/png;base64,...); }…
15 янв '18 в 14:31
1 ответ

CSS установить влево / вправо для первой страницы в документе

Есть ли способ установить текущую страницу влево или вправо в CSS? Все, что я могу найти, это page-break-after: left/right, Проблема в том, что вы не можете сделать это для первой страницы в вашем документе, или она начнется с пустой страницы!
03 апр '15 в 14:32
1 ответ

Как заставить пустую страницу в постраничном HTML-документе?

Как заставить пустую страницу в документе HTML? У меня есть титульный лист, после которого происходит принудительный разрыв страницы (правило ниже). Проблема в том, что оставшееся содержимое отображается непосредственно на следующей странице, где я …
04 авг '14 в 09:26
3 ответа

(HTML + CCS3 сгенерированный контент для выгружаемых носителей) в PDF?

Есть ли способ визуализации PDF из документа HTML, созданного с помощью CSS3 Generated Content для Paged Media? Если такого приложения нет, что я могу использовать в качестве базы для создания такого конвертера? Спасибо
12 авг '10 в 02:04
1 ответ

Paged Media @page:nth селектор

Согласно http://www.w3.org/TR/css3-page/ есть @page: первый селектор. Но что, если я хочу определить различные нижние колонтитулы или заголовки для определенных страниц?
10 фев '12 в 11:55
1 ответ

Какие части печатных СМИ css выполняет фильтр cups xhtmltopdf?

Я пытаюсь использовать HTML для печатных документов. У меня есть заголовки, которые я хочу отображать на каждой напечатанной странице, и я использую следующий код: <style type="text/css"> @media print { div.header { position: fixed; width: 100…
10 июл '16 в 23:32
3 ответа

Напечатать html на странице A4, медиа не работает

У меня есть требование распечатать html-страницу в формате A4, плюс я хочу напечатать основной текст контента вместе с css, html и игнорировать список меню, верхний и нижний колонтитулы и список меню справа. Чтобы начать с этого, я ввел простой div …
22 мар '16 в 16:35
9 ответов

Как сделать нумерацию страниц в htmls верхнего / нижнего колонтитула с помощью wkhtmltopdf?

Я занимаюсь разработкой электронной системы выставления счетов, и одной из наших функций является создание PDF-документов счетов и их отправка по почте. У нас есть несколько шаблонов для счетов-фактур, и мы создадим их позже, поэтому мы решили испол…
24 авг '11 в 11:00
1 ответ

Использование пользовательских свойств с правилами @page

Я пытаюсь использовать пользовательские свойства CSS вместе с правилами @page, но, похоже, это не работает. Это имеет смысл, так как переменные css каскадно и :root селектор и правило @page не имеют дочерних / родительских отношений. Ниже приведен т…
24 июн '17 в 10:29
3 ответа

CSS: есть ли способ вставить содержимое атрибута в виде текста в мой вывод?

Обычно CSS работает путем сопоставления имен элементов в HTML:p.heading1 {} влияет на все элементы типа p с классом heading1. Есть ли способ отобразить объект / текст, который существует только как атрибут? Например, это мой HTML: <body var="text…
16 окт '18 в 10:30
1 ответ

Должен ли CSS "сирота" работать на уровне строк или блоков?

Я рендеринг HTML-документов в PDF. Ранее я использовал Wkhtmltopdf, но похоже, что Dompdf предлагает лучшую поддержку разрывов страниц, поэтому я ожидаю, что переключусь на это. Я хотел бы применить к своему документу какой-то элемент контроля за по…
04 авг '13 в 08:30
2 ответа

Выбор последнего элемента на странице (постраничный носитель)

Я хочу выбрать последний элемент на печатной странице. Например, учитывая этот HTML (при условии, что напечатанная страница имеет высоту 100 пикселей): <!-- other content before --> <div id="TheThing"> <section id="a">Some content&…
06 сен '17 в 12:29
2 ответа

CSS 3 колонки с переполнением на следующую строку

Возможно ли каким-то образом иметь трехколонную разметку с фиксированной высотой (используя column-count: 3;), которая перетекает в следующую строку. В основном paged-media для HTML.
10 мар '16 в 18:10
1 ответ

Поле внутри / снаружи для CSS Paged Media рендеринга в AntennaHouse

Я делаю макеты печати с HTML и CSS с помощью рендерера AntennaHouse. Поле в моем контенте должно иметь левое поле 20pt на левых страницах и 10pt на правых. /* on left hand pages */ margin-left: 20pt; margin-right: 10pt; /* on right hand pages */ mar…
06 янв '15 в 18:49
1 ответ

Как выполнить предварительный просмотр медиафайлов на странице в виде страничного мультимедийного содержимого в пределах фрейма в окне браузера

Есть ли какой-либо способ предварительного просмотра мультимедийного содержимого страницы, как выгружаемого мультимедийного содержимого, в пределах iframe в окне браузера. (Я имею в виду любой способ, кроме как преобразовать страницу в PDF и загрузи…
12 ноя '14 в 00:42
1 ответ

Как сделать так, чтобы нижний колонтитул HTML занимал свободное место на каждой странице при печати на нескольких страницах?

Мне нравится печатать очень длинные таблицы на нескольких страницах. На каждой странице у меня есть фиксированный заголовок, несколько записей в разделе тела со случайной высотой и нижний колонтитул. Случайные записи не должны разбиваться на страниц…
16 янв '19 в 16:17