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

Angular 2 Flex-Layout Höhe 100%

Angular App mit Material Design und Flex-Layout. Ссылка Ich versuche, ein einfaches Seitenlayout von 2 Spalten oben (links = Füllung, rechts = 10%) zu erstellen, gefolgt von einer einzelnen Zeile am unteren Bildschirmrand. Die Elemente füll...
15.01.2017, 20:04
2
Antworten

Wie funktioniert die Bestelleigenschaft bei absolut positionierten Kindern eines Flex-Containers?

Kapitel der order -Eigenschaft in CSS flexbox sagt:    Absolut positionierte Kinder eines Flex-Containers nehmen nicht am Flex-Layout teil, sondern werden zusammen mit allen Flex-Element-Kindern neu geordnet. Ich dachte, order auf...
09.03.2017, 14:54
1
Antwort

Flexbox align-items: Grundlinie funktioniert, aber align-self: Grundlinie nicht. Warum?

Ich beobachte ein paar verwirrende Verhaltensweisen mit flexbox, insbesondere beim Versuch, align-self: baseline zu verwenden. Das grundlegende Problem ist, dass es einfach nicht funktioniert; Das folgende Snippet zeigt das Problem: %...
21.11.2016, 19:13
1
Antwort

highcharts-ng wächst, schrumpft aber nicht in der flexbox

Ich versuche, ein Highchart in einen Flexbox-Container zu legen. Das Diagramm wächst mit dem Container gut, aber es schrumpft nicht, wenn der Container schrumpft. Mein Projekt verwendet angularJS und highcharts-ng, obwohl ich vermute, dass da...
22.10.2015, 22:08
1
Antwort

Anwenden von nth-child (), wenn sich Flex-Elemente in umgekehrter Spalte befinden

Nehmen wir an, ich verwende ein Plugin, das Inhalte chronologisch zu meiner Seite hinzufügt. Das Plugin gibt mir nicht die Kontrolle über die Menge der Elemente, die der Seite hinzugefügt werden, oder die Reihenfolge, in der sie der Seite hinzug...
14.04.2016, 03:24
2
Antworten

Wie bekomme ich 'page-break-inside: avoid', um gut mit 'flex-wrap: wrap' zu arbeiten?

Ich versuche, page-break-inside: avoid in einem Formular zu verwenden, das ein mehrzeiliges Flexbox-Layout verwendet (mit flex-wrap: wrap ). Das Ziel ist einfach zu vermeiden, Formularfragen beim Drucken zu brechen. Das funktioniert gut...
05.12.2013, 18:42
3
Antworten

Bootstrap 4, mach Listengruppe rollbar, in einer Reihe, mit Flexbox, mit oder ohne Body Scroll

Ich benutze Bootstrap 4 (jetzt bin ich auf Alpha-6). Ich habe diese Situation: %Vor% Dies ist das CSS : %Vor% Es gibt eine DEMO auf PLNKR : Ссылка Ich brauche die Fußzeile, wenn der Seiteninhalt leer ist. Aus diesem Grund ver...
10.01.2017, 14:02
3
Antworten

Respektieren Sie die Breite des mehrspaltigen Text-Divs neben den Geschwistern in Flexbox

Ich habe Probleme, einen Text div zusammen mit einer Gruppe von Bildern in einer flexbox Zeile einzufügen. Diese Geschwister respektieren zur Zeit nur die column-width -Eigenschaft des Textes div , als ob es eine Gesamtbreite ist und...
17.07.2017, 19:20
2
Antworten

Verwendung von zIndex in react-native

Ich möchte Folgendes erreichen: Die folgenden Bilder sind, was ich jetzt machen kann, aber das ist NICHT was ich will. Beispielcode, den ich gerade habe: %Vor% Um es in Worte zu fassen, möchte ich Eltern A: um unter a...
30.01.2017, 18:42
5
Antworten

Wie kann ich mit flexbox ein komplexes, responsives HTML-Layout erstellen?

Ich habe Flexbox untersucht, um ein reaktionsfähiges Layout wie unten abgebildet zu erreichen. Leider habe ich immer noch nicht herausgefunden, wie man ein Desktop-Layout wie in Abbildung 1 erhält, das sich auf Ansichtsfenstern mit weniger als 4...
23.02.2016, 10:09