HTML-Webseiten-Paginierung in Chrome
Ich versuche, die Paginierung nach einem ganzseitigen Div-Container durchzuführen. Wenn Sie nach unten scrollen, gelangen Sie, genau wie beim Laden einer Einführungsseite, in eine Art Navigationscenter. Ich habe das Gefühl, dass dies ein Chrome-Problem sein könnte, aber das Seitenumbruchelement funktioniert auch in Edge nicht.
Ich möchte eine Paginierung, nachdem <div class="pagebreak"> der Tab geschlossen wurde. Das Div enthält einen Hintergrund, einen Untertitel und einen großen Titel, die alle eine komplette Seite ausfüllen (und füllen sollten). Danach möchte ich das Öffnen einer neuen Seite erzwingen, sodass Sie unabhängig von der Bildschirmgröße nach unten scrollen müssen.
<body>
<div>
<div class="pagebreak">
<div class="nav">
<nav>
<div class="navitem">
<a href="#webprogrammierung">Webprogrammierung</a>
<a class="name">Niclas Kusenbach</a>
<a href="#verteilteSysteme">Verteilte Systeme</a>
</div>
</nav>
</div>
<div class="container">
<div class="centered">
<h1>Mein Portfolio.</h1>
<h2>Entwicklung verteilter Systeme</h2>
</div>
</div>
</div>
<div class="uebersicht">
<div id="webprogrammierung">
<h3>Webprogrammierung</h3>
<a>Vorlesung 1</a>
<a>Vorlesung 2</a>
<a>Vorlesung 3</a>
<a>Vorlesung 4</a>
<a>Vorlesung 5</a>
<a>Vorlesung 6</a>
<a>Vorlesung 7</a>
</div>
<div id="verteilteSysteme">
<h3>Verteilte Systeme</h3>
</div>
</div>
</div>
</body>
.uebersicht {
display: block;
page-break-before: always;
float: none;
}
.pagebreak {
page-break-after: always;
page-break-inside: avoid;
}