Vorlage:Flexbox
Version vom 12. Juli 2022, 19:17 Uhr von Jensr (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<onlyinclude><div style="flex: 1 0 {{{width|auto}}};min-width:{{{min-width|auto}}};border:.1em solid #CCC;margin:.2em;"> <div style="padding:3px 3px 0px 3px;position:relative;text-align:center; font-size:120%; border-bottom: solid 1px #CCC; background-color:{{{header-bg|#CDF}}};">{{{head}}}</div> <div style="max-height:{{{max-height|auto}}}; overflow-y:auto;padding:1em"> {{FlexboxBearbeiten|{{{contentpage}}}}} {{:{{{contentpage}}}}}</div> </div></onlyinc…“)
{{{head}}}
[{{fullurl:{{{contentpage}}}|action=edit}} bearbeiten]
{{:{{{contentpage}}}}}Dokumentation
| Parameter | Beschreibung | Typ | Beispiel |
|---|---|---|---|
head |
Text für die Kopfzeile | Wikitext | Überschrift |
contentpage |
Wikiseite für den Inhaltsbereich | Wikiseite | Seitenname |
header-bg |
Background-color für header | String | #CDF |
subpage |
Pfad zur Unterseite (für den "Bearbeiten"-Link) | Unterseiten-Pfadangabe | Gruppe/1 |
width |
initialer Wert für die Breite des Flex-Elements | CSS-Breitenangabe | 20% |
min-width |
Wert für die Breite des Elements, der nicht unterschritten werden darf | CSS-Breitenangabe | 20em |
max-height |
Wert für die Höhe des Elements, der nicht überschritten werden darf | CSS-Breitenangabe | 30em |
center |
falls dieser Parameter einen Wert hat, wird der Inhalt zentriert dargestellt | beliebig | 1 |
Um ein tatsächliches Flexbox[1]-Verhalten mehrerer solcher Boxen zu erzielen, müssen diese in ein <div style="display:flex; flex-wrap:wrap;">…</div> eingeschlossen sein.
Diese Vorlage wurde übernommen und angepasst von https://de.wikipedia.org/wiki/Portal:COVID-19/Flexbox.
Fußnoten
- ↑ CSS Flexible Box Layout Module Level 1 – Erläuterung des Standards auf den Seiten des World Wide Web Consortiums