flexbox, Seitenzahl 2

5

Antworten

Wie lege ich ein div zurück, je nach Gerätebreite mit flexbox?

Ich versuche, zwei verschiedene Layouts abhängig von der Gerätebreite zu haben, also würde ich bevorzugen, das gleiche HTML-Layout für beide zu haben und einfach eine Medienabfrage in CSS zu verwenden. Auf beiden Geräten habe ich ein Bild (da...

28.02.2017, 02:13

2

Antworten

Firefox ignoriert vertikale Ränder auf Flex-Elementen (untergeordnete Objekte einer Flexbox), es sei denn, im Container wird explizite Höhe deklariert

Ich habe ein proaktives Prozentbasiertes Raster, das mit flexbox erstellt wurde und prozentuale Ränder verwendet. Es spielt gut in Chrome und Safari. Firefox minimiert jedoch die Ränder, sofern für die Elemente keine explizite Höhe festgelegt is...

17.11.2014, 20:00

1

Antwort

Entfernen Sie Leerzeichen (Lücken) zwischen mehreren Linien von Flex-Elementen, wenn sie umgebrochen werden

Ich versuche, in einem Container mit einer festgelegten Höhe eine Anzahl von Elementen untereinander zu haben. Die Elemente werden dann nebeneinander fortgesetzt, wenn kein Platz mehr ist. Das ist die Idee: Ich versuche dies zu errei...

30.11.2016, 14:15

1

Antwort

"rowspan" Verhalten mit flexbox

Gegeben dieses Markup: %Vor% Und CSS: %Vor% jsFiddle Gibt es eine Möglichkeit, die rote Box in den vorherigen Zeilenstream zu stellen? Ich möchte vermeiden, das Markup zu ändern. Die Idee hier ist, dass die Elemente unterschiedli...

06.04.2014, 13:57

3

Antworten

Elemente nur innerhalb von Flex-Elementen blockieren?

Offenbar können Sie nur Blockelemente (Inline, Inline-Block, Float, nichts funktioniert) innerhalb eines Flex-Item-Containers haben. Das ist nur komisch und scheint nicht nützlich, es sei denn, ich mache es völlig falsch? Hier ist der Stift:...

23.11.2014, 14:29

1

Antwort

CSS Flexible Box Layout auf dem iPad

Ich versuche, ein sehr einfaches Layout mit dem Flex-Modell zu bekommen, das auf dem iPad funktioniert. Ich habe ein containing div, das die content divs zentrieren soll. Der Beispielcode funktioniert wie beabsichtigt über alle Browser und...

26.09.2013, 12:38

1

Antwort

white-space: nowrap unterbricht Flexbox-Layout [duplizieren]

Ich habe ein reaktionsfähiges Layout für eine App mit Flexbox erstellt. Das Layout erfordert ein kollabierbares Menü auf der linken Seite, einen Block mit einem Header und einem Body in der Mitte und einen umschaltbaren Hilfebereich auf der re...

06.07.2016, 12:21

2

Antworten

Flexbox on table funktioniert nicht in Firefox

Die Verwendung von flexbox zur Steuerung des Layouts einer Tabelle funktioniert in Webkit-Browsern, aber in Firefox rendert <td> s nur so weit wie ihr eigener Inhalt. Demonstration: Ссылка %Vor% %Vor% Ich habe vers...

04.01.2016, 21:09

3

Antworten

Ausrichtung von Flex-Objekten in der letzten Reihe

Mein Problem ist, dass ich die flexbox mit variabler Bereichsbreite haben will, und alles funktioniert gut, aber nicht in der letzten Reihe. Ich möchte die gleiche Dimension für alle Kinder, auch wenn die Zeile nicht voller Kinder ist (die letzt...

11.02.2017, 13:30

1

Antwort

Entfernen Sie 1px Lücke bei der Verwendung von display: flex mit Bootstrap

In einigen Browsern, z. B. Safari 9, hinterlässt das folgende Bootstrap-Grid eine Lücke von 1 Pixel auf beiden Seiten des Elements row . Warum ist das so? %Vor% %Vor%

14.10.2014, 14:53