CSS -Druck: Verschieben ⇐ CSS

[Anonymous]

Ich möchte mehrere Rechnungen ausdrucken. Jede Rechnung verfügt über eine Tabelle mit einer Liste von Gebühren und unter der Liste eine Fußzeile mit Rückkehr- und Lieferadressen. Das Problem besteht darin, die Adresse am Ende der Seite zu bringen, wenn die Rechnung ein oder mehrere Seiten überspannt.

Code: Select all

body {
margin: 0;
}

article {
display: flex;
flex-direction: column;
position: relative;
min-height: 100vh;
break-after: page;
}

section,
footer {
flex-shrink: 0;
border-radius: 1rem;
break-inside: avoid;
}

section {
height: 30vh;
margin-bottom: 1rem;
border: 3px solid gray;
}

footer {
margin-top: auto;
height: 10rem;
border-radius: 1rem;
break-inside: avoid;
border: 3px dashed gray;
}
< /code>