From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/web/css/flex-wrap/index.html | 81 +++++++++++++++++++++++++++++++++++ 1 file changed, 81 insertions(+) create mode 100644 files/de/web/css/flex-wrap/index.html (limited to 'files/de/web/css/flex-wrap') diff --git a/files/de/web/css/flex-wrap/index.html b/files/de/web/css/flex-wrap/index.html new file mode 100644 index 0000000000..bb2e777f0d --- /dev/null +++ b/files/de/web/css/flex-wrap/index.html @@ -0,0 +1,81 @@ +--- +title: flex-wrap +slug: Web/CSS/flex-wrap +tags: + - CSS + - CSS Eigenschaft + - CSS Flexible Boxes + - Layout + - Referenz +translation_of: Web/CSS/flex-wrap +--- +

{{CSSRef}}

+ +

Übersicht

+ +

Die flex-wrap CSS Eigenschaft legt fest, ob die Elemente in einem Flexbox-Container auf einer Linie liegen, oder bei bedarf auf mehrere Zeilen verteilt werden können.

+ +

{{cssinfo}}

+ +

Siehe die CSS flexible Boxen verwenden für mehr Informationen.

+ +

Syntax

+ +
Formale Syntax: {{csssyntax("flex-wrap")}}
+
+ +
flex-wrap: nowrap
+flex-wrap: wrap
+flex-wrap: wrap-reverse
+
+flex-wrap: inherit
+
+ +

Werte

+ +

Die folgenden Werte können verwendet werden:

+ +
+
nowrap
+
Die flexiblen Elemente liegen alle in derselben Reihe, auch wenn dazu der Platz fehlt.
+
wrap
+
Die flexiblen Elemente können sich wenn nötig innerhalb des Containers in mehrere Zeilen aufteilen (nach unten).
+
wrap-reverse
+
Die flexiblen Elemente können sich wenn nötig innerhalb des Containers in mehrere Zeilen aufteilen (nach oben).
+
+ +

Beispiele

+ +
element {
+  flex-wrap: nowrap;
+}
+
+ +

Spezifikationen

+ + + + + + + + + + + + + + + + +
SpezifikationStatusAnmerkung
{{ SpecName('CSS3 Flexbox', '#flex-wrap', 'flex-wrap') }}{{ Spec2('CSS3 Flexbox') }} 
+ +

Browser Kompatibilität

+ +

{{Compat("css.properties.flex-wrap")}}

+ +

Siehe auch

+ + -- cgit v1.2.3-54-g00ecf