Дополнительная страница генерируется при печати, когда счет-фактура в формате HTML с верхним и нижним колонтитулом повто ⇐ CSS
Дополнительная страница генерируется при печати, когда счет-фактура в формате HTML с верхним и нижним колонтитулом повто
Я пытаюсь создать счет 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 рупий для книжных изданий
Уполномоченное лицо с подписью Пожалуйста, помогите мне понять, что я делаю неправильно
Я пытаюсь создать счет 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 рупий для книжных изданий
Уполномоченное лицо с подписью Пожалуйста, помогите мне понять, что я делаю неправильно
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Как получить прокрутку на всю высоту с абсолютным верхним и нижним колонтитулом?
Anonymous » » в форуме CSS - 0 Ответы
- 49 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Как предотвратить перекрытие компонентов NiceGUI верхним и нижним колонтитулом?
Anonymous » » в форуме Python - 0 Ответы
- 31 Просмотры
-
Последнее сообщение Anonymous
-