Druck: Umbruch mitten im Bild verhindern
bearbeitet von Raketenwilli> kann man für @media print den Umbruch mitten in einem Bild verhindern, wenn das Bild eigentlich komplett auf eine Druckseite passen würde?
gefunden mit „media print page break“
<https://www.w3schools.com/cssref/pr_print_pagebi.php>
~~~CSS
page-break-inside: avoid;
~~~
Das muss nicht mal in einen „@media print {…}“-Block notiert werden, weil es sich eh nur beim Drucken auswirkt. Ich würde es (einer späteren Suche wegen) aber dennoch in einem solchen Block notieren.
> Und wenn es mit den angegebenen Eigenschaften nicht auf eine Druckseite passen würde, kann man es dann passend skalieren nur für den Druck?
Ja.
~~~
max-width:100%;
max-height:100%;
~~~
Du musst nur aufpassen, dass das umgebende Element dann nicht größer ist…
gefunden mit „media print page break“
<https://www.w3schools.com/cssref/pr_print_pagebi.php>
~~~CSS
page-break-inside: avoid;
~~~
Das muss nicht mal in einen „@media print {…}“-Block notiert werden, weil es sich eh nur beim Drucken auswirkt. Ich würde es (einer späteren Suche wegen) aber dennoch in einem solchen Block notieren.
> Und wenn es mit den angegebenen Eigenschaften nicht auf eine Druckseite passen würde, kann man es dann passend skalieren nur für den Druck?
Ja.
~~~
max-width:100%;
max-height:100%;
~~~
Du musst nur aufpassen, dass das umgebende Element dann nicht größer ist…
Druck: Umbruch mitten im Bild verhindern
bearbeitet von Raketenwilli> kann man für @media print den Umbruch mitten in einem Bild verhindern, wenn das Bild eigentlich komplett auf eine Druckseite passen würde?
gefunden mit „media print page break“
<https://www.w3schools.com/cssref/pr_print_pagebi.php>
~~~CSS
page-break-inside: avoid;
~~~
> Und wenn es mit den angegebenen Eigenschaften nicht auf eine Druckseite passen würde, kann man es dann passend skalieren nur für den Druck?
Ja.
~~~
max-width:100%;
max-height:100%;
~~~
Du musst nur aufpassen, dass das umgebende Element dann nicht größer ist…