Описание тега css-print

Вопросы с тегом
CSS print группирует методы и инструменты для стилизации контента для печатных СМИ или экранов в режиме предварительного просмотра. С помощью CSS вы можете определять разрывы страниц, управлять областью печати, по-разному стилизовать левую и правую страницы и т. Д.
0 ответов

ctrl p проблема выравнивания при использовании загрузочной таблицы

Я использую http://bootstrap-table.wenzhixin.net.cn/ в одном из моих проектов. Проблема, с которой я сталкиваюсь, заключается в том, что когда я выполняю ctrl + p, любой контент, следующий за таблицей, перекрывается с таблицей. По сути, содержимое п…
02 апр '18 в 09:44
1 ответ

На отзывчивом сайте, при печати, какая точка останова применяется?

У меня есть отзывчивый сайт, на котором я пытаюсь реализовать запрос печатного издания. При предварительном просмотре с помощью Chrome Devtools (Rendering tab > Emulate CSS media > Print)в тот момент он выглядел очень похожим на реальный веб-с…
19 июл '18 в 13:28
0 ответов

Компоновка печатного носителя css с заголовком и двумя колонками, расположенными сверху вниз

Можно ли разместить заголовок на всех страницах для печати возможно ли иметь основное тело с двумя столбцами, которые текут из первого столбца, затем ко второму столбцу, а затем к следующей странице и с границей в середине столбцов макет демонстриру…
27 окт '18 в 20:51
0 ответов

Вывести ссылку на CSS, не имеющую ссылки на гиперссылку в сгенерированном pdf

Я пытаюсь создать удобный для печати веб-сайт, чтобы пользователи могли загрузить его в формате PDF. Мне удалось создать оглавление для страницы и ее содержимое. Когда я пытаюсь распечатать его, якорные ссылки не ссылаются на раздел страницы, даже е…
31 янв '19 в 11:20
1 ответ

Пустой раздел в верхней части страницы, даже если css media='print'

Когда я определяю свое правило печати CSS @media (см. Ниже), я вижу пустой раздел вверху моей страницы в режиме предварительного просмотра (см. Изображение пустого раздела вверху страницы в режиме предварительного просмотра). Я попытался установить …
03 авг '18 в 11:11
0 ответов

Таблица Разрыв страницы: избежать не работает

Когда стол сдвинут с position: relative, top: 200pxтаблица, кажется, ломается, как будто она не была сдвинута на печать. При щелчке по таблице должно быть напечатано следующее jsfiddle: jsfiddle, когда к таблице не применен перевод: https://jsfiddle…
19 авг '18 в 23:58
1 ответ

Как добавить верхние и нижние колонтитулы на каждую страницу HTML-содержимого, которое я печатаю из Mobile Safari?

Мне поручено напечатать html как отчет. Мне нужно добавить верхние и нижние колонтитулы на каждую страницу отчета. Я использовал методику, описанную здесь: https://medium.com/@Idan_Co/the-ultimate-print-html-template-with-header-footer-568f415f6d2a …
22 фев '19 в 01:46
0 ответов

Как показать повторяющиеся компоненты на отдельных страницах, используя медиа печать в CSS

У меня есть итеративный компонент /div, так как я использую Angular. Я также хочу напечатать повторяемый div в отдельных бумагах. Но когда я пытаюсь распечатать его, он показывает только первую страницу Это мой HTML <div class="print-template"&gt…
30 апр '18 в 09:14
0 ответов

Печать CSS с фиксированным нижним колонтитулом - добавить нижнее поле

Я добавил нижний колонтитул ко всем моим печатным страницам. CSS нижнего колонтитула: @media print { .footer { display: block !important; position: fixed; bottom: 0; left: 0; right: 0; text-align: center; font-size: 10px; font-weight: 300; padding: …
29 янв '19 в 11:03
1 ответ

Принудительно указывать название таблицы и ее первый ряд на одной странице при печати

Можно ли заставить таблицу и ее первый ряд содержимого находиться на одной странице при ее печати? Эта проблема возникает, когда перед таблицей находится некоторое другое содержимое. Таблица выглядит примерно так: <table> <caption> Title…
18 авг '18 в 21:07
1 ответ

Распечатать настроенную версию Css веб-страницы в Chrome

Используя Инспектора Google Chrome, я могу легко проверить, как веб-страница (любая общедоступная, не та, которую я контролирую) будет отображаться для печати, делая это. Кроме того, я могу изменить внешний вид некоторых стилей Css на лету. У меня в…
07 ноя '18 в 09:30
0 ответов

Удалить элемент с первой напечатанной страницы

Я работаю над набором счетов, которые должны хорошо печататься в браузере. У меня есть div, который я хочу оставить в самом конце последней страницы. Он отлично работает, когда печатается только одна страница, но при наличии нескольких страниц он бу…
25 сен '18 в 11:56
4 ответа

CSS - Как посчитать общее количество страниц?

Я пытаюсь показать количество страниц в файле PDF. Поэтому в шапке я поставил этот CSS: .page-number:after { counter-increment: pages; content: counter(page) " of " counter(pages); } Html: <span class="page-number">Page </span> Но это во…
16 мар '18 в 09:26
1 ответ

CSS печать и Flexbox

Здравствуйте, я хотел бы создать какую-то страницу, используя css print. Я посмотрел вокруг и в Интернете я попробовал кое-что, но, к сожалению, выравнивание не работает. Макет, который я хочу изготовить: вот мой HTML <section class ="page_1">…
31 дек '18 в 13:36
0 ответов

Firefox принимает неожиданные размеры печати

Я печатаю этикетки с использованием HTML/CSS и JS. Размеры (3.00 дюйма 1.50 дюйма) для используемого принтера зафиксированы в панели управления> настройки печати. в Chrome все работает нормально, но когда я запускаю тот же код в Firefox, он принимае…
31 мар '18 в 14:28
0 ответов

Параметры печати, заставить использовать "цветную страницу"

Есть ли способ сделать печатную версию моей страницы, чтобы заставить ее использовать цвет для фона, когда она находится в режиме печати? Основная идея заключается в создании PDF-документов с определенным стилем, и мне нужно использовать HTML для эт…
12 сен '18 в 15:57
1 ответ

Как удержать дочерние элементы div от родительского при печати

Я пытаюсь отформатировать HTML-страницу как заявление суда, которое нужно аккуратно напечатать на листе бумаги размером 8,5 x 11. Я смотрю на него как на HTML, но когда я иду на печать, Контейнер, содержащий содержимое, расширяется за пределы тела. …
31 май '19 в 17:55
0 ответов

Размещение нескольких страниц на одной странице с использованием печатных носителей CSS

Я хочу напечатать несколько страниц, таких как 2(каждая по 50%) или 4(каждая по 25%) страницы на одной странице, сжимая их с помощью CSS media print. Я мог видеть только варианты, такие как изменение настроек страницы во время печати, но я не хочу э…
16 май '19 в 08:35
0 ответов

Нижний колонтитул не отображается в Chrome, когда он работает в Internet Explorer

В медиа-печати CSS я хочу, чтобы на всех страницах появлялись два верхних и нижних колонтитула. Я написал здесь код, и он работает нормально при печати в IE, но в Chrome "Нижний колонтитул в тексте" не появляется на первых двух страницах. Показывает…
22 май '19 в 08:28
0 ответов

Избегайте разрыва страницы после определенной строки tr

Прежде всего, я не нашел дубликатов этого, поскольку проблема не в том, чтобы избежать разрыва строки (это уже хорошо работает), и мне не разрешено повторять заголовки на следующей странице. Разный темы, которые не помогли с проблемой, но связаны: К…
05 мар '19 в 14:50