Warum kann ich in HTML keine Seitenzahlen drucken und was ist die Problemumgehung?

Seitenzahlen können nicht auf HTML-Seiten gedruckt werden?

Problembeschreibung:

Trotz ausführlicher Recherche schlagen Seitenzahlen fehl soll beim Drucken eines HTML-Dokuments angezeigt werden.

CSS-Code Verwendet:

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

Die @page-Regel wurde sowohl innerhalb als auch außerhalb des @media all-Blocks ohne Erfolg ausprobiert.

Lösung:

Aufgrund der Einschränkungen von Webbrowsern ist die Implementierung von Seitenzahlen mithilfe von @page nicht möglich. Eine alternative Lösung bietet Oliver Kohll, der die tabellenbasierte Formatierung in CSS nutzt, ohne darauf angewiesen zu sein @page:

CSS:

#content {
    display: table;
}

#pageFooter {
    display: table-footer-group;
}

#pageFooter:after {
    counter-increment: page;
    content: counter(page);
}

HTML:

<div>

Anpassung:

Das Erscheinungsbild der Seitenzahlen kann durch Ändern der Eigenschaften von #pageFooter angepasst werden, z B. Textformatierung, Positionierung und Hintergrundgestaltung.

Das obige ist der detaillierte Inhalt vonWarum kann ich in HTML keine Seitenzahlen drucken und was ist die Problemumgehung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!