Vorlage:column-multiple/styles

[Verwendung]   [CSS bearbeiten]

Diese Seite dokumentiert TemplateStyles betreffend Vorlage:Column-multiple.

CSS

.column-multiple,
div[style*=column] {
   margin-top: 0.3em;
}
.column-multiple > ol,
.column-multiple > ul,
.column-multiple > p,
div[style*=column] > ol,
div[style*=column] > ul {
   margin-top: 0;
}
.column-multiple li,
div[style*=column] li,
.column-multiple-avoid  {
   break-inside: avoid;
   break-inside: avoid-column;
   page-break-inside: avoid;
}
.column-multiple-avoid-3  {
   orphans: 3;
   widows: 3;
}

Die Programmierung ist gegen Bearbeitung geschützt (Halbschutz).

Kopiervorlage

<templatestyles src="Column-multiple/styles.css" />

---

.column-multiple, div[style*=column]

<div> zur Umhüllung einer mehrspaltigen Liste

Die margin-top für alle Einzelspalten wird auf 0 gesetzt, damit diese oben bündig dargestellt werden.

Im Gegenzug wird für das umhüllende Element der gleiche Abstand zum vorhergehenden Bereich gesetzt, wie er ansonsten für eine einzelne Aufzählung verwendet würde.

MediaWiki setzt vor Aufzählungslisten einen kleinen Abstand.

Zusätzlich auch für vorstellbare mehrspaltige Fließtext-Absätze geeignet.

.column-multiple-avoid

Hurenkind und Schusterjunge

Es wird vermieden, dass ein mehrzeiliges Listenelement unten in der linken Spalte unterbrochen und oben in der folgenden Spalte fortgesetzt wird.

Das gilt genauso für die Listenpunkte von Aufzählungen, wobei nur ein Element noch in der vorherigen oder folgenden Spalte stünde, oder gar nur eine Überschrift ohne folgende Elemente.

.column-multiple-avoid-3

Die orphans und widows werden von mutmaßlichem Browser-Standard 2 auf 3 erhöht; das ist insbesondere sinnvoll, wenn eine Überschrift von Elementen gefolgt werden soll.

Beispiele

Siehe

• Vorlage:Mehrspaltige Liste
• Hilfe:VisualEditor/Index #Index

Weitere Informationen

• Hilfe:Textgestaltung/Mehrspaltigkeit und Listen