Vorlage:column-multiple/styles
aus Wikipedia, der freien Enzyklopädie
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 auf0
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
auf3
erhöht; das ist insbesondere sinnvoll, wenn eine Überschrift von Elementen gefolgt werden soll.
Beispiele
Siehe