CSS -Druck: Verschieben
Posted: 12 Apr 2025, 05:26
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>