Дополнительная страница генерируется при печати, когда счет-фактура в формате HTML с верхним и нижним колонтитулом повтоCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Дополнительная страница генерируется при печати, когда счет-фактура в формате HTML с верхним и нижним колонтитулом повто

Сообщение Anonymous »


Я пытаюсь создать счет HTML с заголовком сверху и нижним колонтитулом с снизу повторяется на каждой странице с содержимым посередине. Сделав несколько хаков, я смог этого добиться. Но в конце создается дополнительная страница. На первых двух страницах есть контент, но третья страница лишняя и пустая.

Вот код:

@media печать { стол { ширина: 100%; } table.report-container { разрыв страницы после: всегда; } thead.report-header { отображение: группа заголовков таблицы; } tfoot.report-footer { отображение: группа-таблица-нижний колонтитул; } td.report-footer-cell { высота: 8рем; } table.report-container div.main { разрыв страницы внутри: избегать; } тело { семейство шрифтов: Calibri, моноширинный; размер шрифта: 0,8рем; маржа: 1рем; /* граница: сплошная 1 пиксель; */ } ол { стиль списка: нет; отступ слева: 0; маржа: 0,5бэр 0; } заголовок { дисплей: гибкий; гибкое направление: столбец; выровнять-элементы: по центру; заполнение: 0 0,5рем; преобразование текста: верхний регистр; положение: относительное; } #invoicedetails { дисплей: сетка; сетка: «счет покупателя магазина»; столбцы-шаблона сетки: повторение (3, 1fr); заполнение: 0 0,5рем; } #клиент { граница: сплошная 1 пиксель; граница-верх: 0; нижняя граница: 0; отступ слева: 0,5rem; } #счет { выравнивание текста: по правому краю; } #invoiceitems { дисплей: сетка; граница: сплошная 1 пиксель; левая граница: 0; правая граница: 0; граница-верх: 0; преобразование текста: верхний регистр; } #itemscontent { дисплей: сетка; сетка: "sno описание цена за единицу измерения"; сетка-авто-строки: minmax(1rem, max-content); разрыв в сетке-столбце: 1 пиксель; граница: сплошная 1 пиксель; левая граница: 0; правая граница: 0; выровнять-элементы: по центру; } #itemscontent>div { дисплей: гибкий; выровнять-элементы: по центру; граница: сплошная 1 пиксель; высота: 100%; граница-верх: 0; правая граница: 0; заполнение: 0 0,25рем; } .span-3 { начало сетки-столбца: диапазон 3; } #itemsfooter { дисплей: гибкий; оправдание-содержание: пространство между; выровнять-элементы: по центру; преобразование текста: верхний регистр; } #itemsfooter>div { выровнять-самостоятельно: растянуть; дисплей: гибкий; выровнять-элементы: по центру; заполнение: 0 0,5рем; } #сумма прописью { гибкость: 75%; } #Общая сумма { гибкость: 25%; выравнивание текста: по правому краю; левая граница: 1 пиксель, сплошной черный; } #totalamount ол { ширина: 100%; } #totalamount ol li:last-child { размер шрифта: x-большой; } #invoiceinformation { область сетки: фактураинформация; дисплей: гибкий; оправдание-содержание: конец; заполнение: 0 0,5рем; } #подпись { отступ слева: 0,5rem; } #footer { положение: фиксированное; низ: 15; ширина: 97%; } @страница { размер: А4; @в правом верхнем углу { содержимое: счетчик (страница); z-индекс: 9999; } } } [*]От [*]Книжные публикации [*]Кому [*]Абдул Рахман [*]Детали счета [*]Номер счета: 2/2023-24 [*]Дата выставления счета: 02 октября 2023 г. [*]Способ оплаты: Наличными [*]Статус платежа: Платный [*]Сумма счета: 70,00 ₹ S.No Описание Цена Единица измерения Цена за единицу 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ 1 Роман - Акка 100,00 ₹ 1 70,00 ₹ Промежуточный итог 1 100,00 ₹ Скидка -30,00 рупий [*]Общая сумма прописью (INR) [*]ТОЛЬКО семьдесят[/b] [*]Общая сумма [*]70 рупий для книжных изданий

Уполномоченное лицо с подписью Пожалуйста, помогите мне понять, что я делаю неправильно
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»