Über Hurenkinder und Schusterjungen
Was kommt denn jetzt?
, werden Sie vielleicht denken.
Keine Panik, ich bin nicht ausgerutscht. Diese Worte sind Fachbegriffe
aus der Typografie. Es handelt sich dabei um die letzte Zeile eines Absatzes,
die auf der nächsten Seite erscheint (Hurenkind
) bzw.
die erste Zeile eines Absatzes, die ganz alleine unten auf der Seite
steht (Schusterjunge
).
Für weiterführende Literatur empfehle ich den Wikipedia-Artikel,
das Hurenkind weiß nicht, woher es kommt, der Schusterjunge weiß nicht,
wohin er geht.
Beides ist sehr unschön und stört den Lesefluss.
Es kann auch noch schlimmer kommen: Die Überschrift steht ganz unten auf der Seite (oder Spalte) und der erste Absatz kommt auf der nächsten...
Das wollte ich auch auf meiner Site vermeiden und ich habe das mittels CSS so gelöst:
In meinem CSS habe ich eine Zeile:
p { page-break-inside: avoid; column-break-inside: avoid; }
Damit wird ein Umbruch innerhalb eines Absatzes unterbunden.
Das kann bei längeren Absätzen allerdings unnötigerweise zu einem asymmetrischen Seitenbild führen.
Das ist nicht optimal. Es gibt auf meiner Site manchmal ps die relativ lang sind, z.B. weil sie Bilder enthalten und die intelligent besser anders umgebrochen werden könnten, aber eine bessere Methode ist mir nicht eingefallen.
Zusätzlich habe ich mir eine entsprechende Klasse (together
) definiert:
.together {page-break-inside: avoid; column-break-inside: avoid; }
Damit kann ich eine Überschrift und den ersten Absatz in einem div kapseln und es gibt keinen Umbruch nach der Überschrift.