Portal:COVID-19/Flexbox
Zur Navigation springen
Zur Suche springen
{{{Kopf}}}
Dokumentation
[Quelltext bearbeiten]| Parameter | Beschreibung | Typ | Beispiel |
|---|---|---|---|
Kopf |
Text für die Kopfzeile | Wikitext | Überschrift |
Inhalt |
Text für den Inhaltsbereich | Wikitext | Inhalt |
Gruppe |
Codegruppe für Portal:COVID-19/Farbe | String | Gruppe1 |
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 |
Anwendungsbeispiele
[Quelltext bearbeiten]{{Portal:COVID-19/Flexbox|Kopf=Überschrift|Inhalt=Inhalt|Gruppe=Gruppe1|subpage=Gruppe/1|width=20%|min-width=20em|center=1}} ergibt
Überschrift
Inhalt
{{Portal:COVID-19/Flexbox|Kopf=Überschrift|Inhalt=Inhalt|Gruppe=GruppenschauD|width=20%|min-width=20em|center=1}} ergibt
Überschrift
Inhalt
{{Portal:COVID-19/Flexbox|Kopf=Überschrift|Inhalt=Inhalt|Gruppe=GruppenschauEuropa|width=20%|min-width=20em}} ergibt
Überschrift
Inhalt
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.
Verwendete Vorlagen
[Quelltext bearbeiten]Fußnoten
[Quelltext bearbeiten]- ↑ CSS Flexible Box Layout Module Level 1 – Erläuterung des Standards auf den Seiten des World Wide Web Consortiums