Suchergebnisse für Anfrage "flexbox"

2 die antwort

Flex-Elemente schaffen einen Abstand zwischen ihnen, wenn sie [duplizieren] einschließen.

Diese Frage hat hier bereits eine Antwort: Entfernen Sie Leerzeichen (Lücken) zwischen mehreren Zeilen von flexiblen Elementen, wenn diese umbrochen ...

4 die antwort

Flexbox - Inhalt ausrichten: Elemente zentrieren und ausrichten: Center funktioniert nicht?

Ich habe ein ziemlich einfaches Flex-Setup und aus irgendeinem Grund wird der betreffende Div nicht vertikal in seinem übergeordneten Tag zentriert. Sie können den isolierten Testfall unten sehen. .likeness-rank-table { border-radius: 3px; ...

2 die antwort

Zwei Spalten, und wenn eine ausgeblendet ist, vergrößert die andere die volle Breite

Ist es mit reinem CSS möglich, 2 Divs 50% breit zu machen und dann eine CSS-Eigenschaft wie @ zu setzedisplay:none aufeine der divs, bewirkt, dass die andere 100% Breite einnimmt? Ich suche nach einer Lösung, bei der ich nur CSS für eines der ...

TOP-Veröffentlichungen

4 die antwort

Wie kann die Höhe der Ansicht basierend auf ihrer Breite dynamisch eingestellt werden, indem das Seitenverhältnis beibehalten wird?

Ich möchte eine Ansicht, deren Breite auf die Breite des Containers reagiert, während das Seitenverhältnis beibehalten wird. Ich möchte nicht die Breite oder Höhe des Codes festhalten, sondern ihn dynamisch und reaktionsschnell halten, damit er ...

6 die antwort

Warum funktioniert die Objektanpassung in der Flexbox nicht?

Ich habe mehrere Spalten, die ich mit flex gleich breit mache. Jedes enthältimg Tags, und ich möchte, dass diese Bilder das @ aufweisobject-fit: cover Größe. .container { display: flex; flex-direction: row; width: 100%; } .test { flex: ...

4 die antwort

Rendern Sie zwei Elemente (Bilder) nebeneinander in einer Listenansicht, um auf native @ -Reaktionen zu reagiere

Ich versuche so etwas wie den unten abgebildeten Screenshot in Native zu gestalten. Bitte beachten Sie, dass jede Kachel ein Produktelement ist, das aus dem Backend abgerufen wird. [/imgs/1MHXq.png] Aber ich kann dies nicht mit einer ListView ...

4 die antwort

Flexbox funktioniert nicht richtig in Firefox, aber in Chrome & Safari in Ordnung

Ich baue eine Website, die stark auf Flexbox basiert. Das einzige Problem ist, dass ich nicht in der Lage bin, das Chrome-Verhalten in Firefox nachzuahmen. Ich habe mir CSS-Tricks angeschaut, SO und diesen Artikel ...

2 die antwort

Overflow-Eigenschaft funktioniert nicht in IE 11

Mein Code unten funktioniert in den meisten Browsern (Chrome, Firefox, Safari, Edge), scheint jedoch in IE11 nicht zu funktionieren. Ich lese über die bekannten Probleme unterkann ich benutze [http://caniuse.com/#search=flexbox] aber es scheint ...

2 die antwort

Flex order Eigenschaft funktioniert nicht wie erwartet

Ich versuche zu bekommen "Mac und Käse ist wirklich lecker!" unter "Der Hauptinhalt der Website". #content { padding: 0; background: 0; float: none; width: auto; } .heading { display: flex; display: -webkit-flex; flex-direction: ...

8 die antwort

Container beim Umschließen auf untergeordnete Elemente verkleinern

Ich versuche herauszufinden, wie Flexbox funktioniert (soll das funktionieren?…) Für Fälle wie diesen: .holder { width: 500px; background: lightgray; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .v2 ...