flexbox

CSS3-Modul für flexible Layouts, das eine breite Palette von Optionen zum Ausrichten von Elementen bietet, ohne dass Floats und Tabellen erforderlich sind.
1
Antwort

Dimensionierung und Ausrichtung der Flex-Elemente in der letzten Reihe

Nehmen wir an, ich habe eine Liste von Benutzern, und jedem Benutzer ist eine Nummer angehängt. Jeder Benutzer ist wie folgt aufgelistet: %Vor% Sie sind alle mit: %Vor% Hier ist ein Beispiel dafür: Okay, das sieht gut aus, die L...
21.01.2016, 16:05
3
Antworten

Ändern Sie das Layout von Elementen mithilfe von CSS, ohne HTML zu ändern

Ich habe HTML-Markup, das aus drei divs besteht: %Vor% Ich möchte es in zwei verschiedenen Layouts mit CSS präsentieren (wäre besser, wenn ich kontrollieren könnte, ob die Seitenleiste links oder rechts erscheint): %Vor% In der Tat wäre...
16.04.2015, 10:27
1
Antwort

Welche Werte der 'display'-Eigenschaft für ein Flex-Item sind zulässig? (Layout der Kinder von flex-item ist irrelevant)

Alle untergeordneten Elemente eines Flex-Containers (bezeichnet mit display: flex oder display: inline-flex ) werden automatisch zu Flex-Elementen. Es gibt keine Anzeigeeigenschaft für ein Flex-Element. Stattdessen legen wir einen anderen W...
01.09.2016, 02:28
1
Antwort

Responsives Mega-Menü der Flexbox mit dynamischem Inhalt

Ich erstelle ein großes dynamisches Navigationsmenü, das so aussehen soll: [----------- 100% PAGE WIDTH -----------] | GROUP A | GROUP C | GROUP F | GROUP G | | item | item | item | item | | item | | item | item...
21.09.2016, 19:06
1
Antwort

Die div-Breite ändert sich in Firefox vs. Chrome nach der Größenänderung des Ansichtsfensters anders

Ich habe einen kleinen Unterschied bemerkt, nachdem ich das Ansichtsfenster mit einem Layout, das auf Flexbox-Containern basiert, verkleinert habe. Das folgende Snippet enthält einige Links in zwei Containern ( .container und .subcontainer...
14.08.2015, 05:40
1
Antwort

Zeige ein div zwischen Flex-Elementen

Ich erstelle eine Seite, die mit <div> elements gefüllt ist. Der Container, der dieses div enthält, hat display: flex; . Die Elemente werden automatisch in mehrere Zeilen umgebrochen. Jetzt möchte ich auf ein Element klicken, um ein w...
25.08.2017, 07:37
3
Antworten

Problem mit dem iPhone 6-Flexbox-Wrapping

Ich mag die Verwendung von flexbox, aber aus irgendeinem Grund kann ich nicht auf einem iOS-Gerät arbeiten. Gibt es einen einfachen Fallback für die Verpackung? Hier ist ein Problem, bei dem Elemente einfach nicht umgebrochen werden: ( JSFiddle...
18.02.2016, 18:37
3
Antworten

Wie man die letzte Zeile in einem Flex-Container mit align-items nicht überstreckt: stretch

Ich habe einen Flex-Container mit flex-wrap: wrap und align-items: stretch , so dass Kinder gedehnt werden, wenn die Größe des Containers angepasst wird, bis das nächste Kind passt. Das Problem ist normalerweise, dass die letzte Zeile we...
14.08.2013, 17:26
2
Antworten

Wie gehen Screenreader mit Display Flex um?

Ich schreibe ein HTML-Formular, in dem die Anforderungen einiger Felder vom Wert anderer abhängen und sich daher dynamisch ändern. Ich möchte einen visuellen Hinweis auf diese Erforderlichkeit präsentieren, indem ich ein Sternchen vor jedem Pfli...
20.10.2016, 10:22
1
Antwort

Wie kann ich eine Zeile mit einem Button und einem Text vom Umbruch mit multicolic behalten?

Ich habe eine Reihe von Zeilen, die aus einer Schaltfläche und einem Text bestehen: %Vor% Wenn ich die multicol -Klasse anwende, werden sie schließlich wie folgt umgebrochen: %Vor% Leider wird in vielen Fällen die Schaltfläche oder de...
22.09.2017, 01:33