«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Почему HTML не может печатать номера и решения страниц

Почему HTML не может печатать номера и решения страниц

Опубликовано в 2025-04-20
Просматривать:337

Why Can't I Print Page Numbers in HTML and What's the Workaround?

не может печатать номера страниц на HTML Pages?

задача Описание:

, несмотря на широкое исследование, номера страниц не появляются при печати html документа. Используется:

@page { Маржа: 10%; @top-center { Семейство шрифта: Sans-Serif; шрифт-вес: жирный шрифт; размер шрифта: 2EM; Контент: счетчик (страница); } } правило @page было предпринято как внутри, так и за пределами @media all block nat upect.

@page {
  margin: 10%;
  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}
Решение:

из -за ограничений веб -браузеров, реализация номеров страниц с использованием @page не является доставляемым. Альтернативное решение предоставляется Oliver Kohll, в котором используется форматирование на основе таблицы в CSS, не полагаясь на @page:

css:

#content { дисплей: таблица; } #pagefooter { дисплей: таблица-футер-группа; } #pagefooter: после { Counter-Increment: Page; Контент: счетчик (страница); }

html:
@page {
  margin: 10%;
  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}

настройка:
@page {
  margin: 10%;
  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}

.

Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3