Vorlage:Flexbox: Unterschied zwischen den Versionen

Aus dieBasis Wiki
Zur Navigation springen Zur Suche springen
(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…“)
 
K (kategorisiert)
 
Zeile 35: Zeile 35:
== Fußnoten ==
== Fußnoten ==
<references />
<references />
<noinclude>[[Kategorie:Vorlage]]</noinclude>

Aktuelle Version vom 12. Juli 2022, 20:22 Uhr

{{{head}}}
{{:{{{contentpage}}}}}

Dokumentation[Bearbeiten]

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[Bearbeiten]

  1. CSS Flexible Box Layout Module Level 1 – Erläuterung des Standards auf den Seiten des World Wide Web Consortiums