#html #jquery #css
Вопрос:
Я планирую прайс-лист, доступный для клиентов онлайн, и я думал о простой очень длинной странице или контейнере div с некоторыми ссылками в стороне, чтобы помочь перейти к различным продуктам.
Однако в случае, если кто-то хочет распечатать только прайс-лист с определенными товарами, я не хочу, чтобы распечатывались все страницы, а только текущая. Есть ли какой-либо символ или тег, нарушающий печать?
На всякий случай, если у кого-то есть лучшая идея, все, чего я хочу добиться, — это иметь прайс-лист в формате html, чтобы изменить его в одном месте, но при этом иметь возможность конвертировать отдельные прайс-листы продуктов в PDF-файлы для отправки по электронной почте определенного продукта.
Ответ №1:
Используйте этот CSS:
@media print
{
.page-break { display:block; page-break-before:always; }
}
а затем укажите это в своем HTML-коде, где вы хотите, чтобы страница прерывалась:
<div class="page-break"></div>
И вот вы идете 🙂
Комментарии:
1. большое вам спасибо. ты спасаешь мне жизнь 😀 😀
2. Спасибо тебе оооооооооооооооооооооооооооооооооооо большое. Потратил целый день на исправление какой-то проблемы с страницей во время печати, теперь просто добавил это, и это работает так, как ожидалось 🙂 На всякий случай, если кто-то захочет добавить поля на каждую страницу вместе с разрывом страницы. .разрыв страницы { отображение:блок; разрыв страницы до:всегда; верхнее поле: 2 см;}