Задать вопрос

maestro07 @maestro07

html

HTML
CSS

Как печатать html в а4?

Есть div контейнеры. Как сделать чтобы каждый контейнер при печати начинался с новой страницы?

Вопрос задан более трёх лет назад
325 просмотров

Комментировать

Подписаться 1 Средний Комментировать

Решения вопроса 1

Casufi

Владимир @Casufi

https://www.w3schools.com/cssref/pr_print_pageba.asp

Ответ написан более трёх лет назад

2 комментария

2 комментария

maestro07 @maestro07 Автор вопроса
каждый документ в div.container-e.
в каждом container-e есть div.doc-footer
@media print { .doc-footer { page-break-after: always; } }

все равно не пашет
Написано более трёх лет назад

Casufi

Владимир @Casufi

У меня работает

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>page-break-after</title>
  <style>
   @media print {
    .newpage {
     page-break-after: always;
    } 
   } 
  </style>
 </head>
 <body>
  <h2>Мусорные пакеты</h2>
  <div class="newpage">
  <p>История о том, как однажды мусорных пакетов оказалось несколько больше,  
     чем хотелось, как и для чего их можно использовать, и что из этого получилось.</p>
  <p class="more">Читать дальше</p>
  </div>
  <div class="newpage">
  <p>История о том, как однажды мусорных пакетов оказалось несколько больше,  
     чем хотелось, как и для чего их можно использовать, и что из этого получилось.</p>
  <p class="more">Читать дальше</p>
  </div>
  <div class="newpage">
  <p>История о том, как однажды мусорных пакетов оказалось несколько больше,  
     чем хотелось, как и для чего их можно использовать, и что из этого получилось.</p>
  <p class="more">Читать дальше</p>
  </div>  
 </body>
</html>

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- час назад
- 19 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- 13 часов назад
- 91 просмотр
2

ответа
CSS

Простой
Как сделать плавную анимацию изображения при наведении/убирании курсора мыши?
- 1 подписчик
- 19 часов назад
- 92 просмотра
2

ответа
CSS

Простой
Как сделать, чтобы блоки занимали половину доступной ширины, а последний нечётный — всю?
- 1 подписчик
- 22 часа назад
- 110 просмотров
4

ответа
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- вчера
- 81 просмотр
0

ответов
HTML

+3 ещё

Простой
Flask вывод изображения из базы данных?
- 1 подписчик
- вчера
- 75 просмотров
1

ответ
CSS

Простой
Как задать универсальный @keyframes для нескольких разных блоков, без скриптов?
- 1 подписчик
- вчера
- 72 просмотра
1

ответ
JavaScript

+4 ещё

Простой
Почему при загрузке страницы происходит быстрый скролл вниз, а затем вверх?
- 1 подписчик
- вчера
- 89 просмотров
1

ответ
CSS

Простой
Как в CSS повернуть горизонтальный сайт на 90° чтобы на смартофне можно было горизонтально смотреть?
- 4 подписчика
- 30 апр.
- 1102 просмотра
2

ответа
JavaScript

+3 ещё

Средний
Swiper js, как сделать чтобы при фокусе по табу на ссылке внутри слайда не исчезала пагинация?
- 1 подписчик
- 30 апр.
- 46 просмотров
0

ответов
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Создать простой зеро блок на тильда или html блок

02 мая 2024, в 11:31

500 руб./за проект

Ищем кодера для доработки сайта на bitrix24

02 мая 2024, в 11:28

1000 руб./в час

Доработать квиз на React

02 мая 2024, в 11:14

5000 руб./за проект