Suchergebnisse für Anfrage "flexbox"

6 die antwort

Angular Material: Layout-Füllung füllt nicht das übergeordnete Element <div>

<!-- Container Div --> <div layout-fill> <!-- Image Div --> <div layout="column" layout-align="center center" class="coverImage" layout-fill> <md-content class="md-padding"> Sample Text Here </md-content> <md-button ...

2 die antwort

Flexbox funktioniert nicht in Safari

Das von mir erstellte Layout funktioniert in Safari nicht, obwohl es in Chrome einwandfrei funktioniert. Ich habe das Gefühl, es hat etwas mit dem @ zu t.wrapper oder der.frame aber ich habe versucht, den Flex Shrink-Wert auf @ zu setz0 umsonst ...

10 die antwort

Wie kann ich eine Position haben: behoben; Verhalten für ein Element in Flexbox-Größe?

Ich habe einen div namens .side-el, den ich gerne in einer Position hätte: behoben; Verhalten, aber sobald ich Position festlege, wechselt die Breite von der rechten. Die richtige Breite wäre die von der Flexbox festgelegte. Wie kann ich dieses ...

TOP-Veröffentlichungen

4 die antwort

Wie kann ich einen Flexbox-Container herstellen, der sich ausdehnt, um verpackte Gegenstände aufzunehmen? [Duplikat

Diese Frage hat hier bereits eine Antwort: Wenn Flexbox-Elemente im Spaltenmodus umgebrochen werden, vergrößert der Container seine Breite nicht. [/questions/33891709/when-flexbox-items-wrap-in-column-mode-container-does-not-grow-its-width] 3 ...

4 die antwort

Warum rechtfertigt Content nicht: Center-Arbeit im IE?

Ich habe diese einfache div mit einem Knopf drin [https://jsfiddle.net/gk32ezgg/]. justify-content: center; funktioniert gut mit Firefox und Chrome, funktioniert aber nicht mit IE 11: #div { height: 200px; width: 50px; border: 1px solid black; ...

4 die antwort

Flexbox Reihe: Wie werden Kinder gedehnt, um die Querachse zu füllen?

Ich habe eine Flexbox von links nach rechts: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; }<div class="wrapper"> <div class="left">Left</div> <div ...

2 die antwort

Flexbox IE10 Breitenprobleme

Das Problem ist, dass in IE10 die Breite der Spalten in der Zeile falsch berechnet wird. Dies scheint sich auf die Breite der Spaltenränder zu addieren (insgesamt 80 Pixel). In Firefox und Chrome wird die Breite jedoch perfekt berechnet und ...

8 die antwort

Transition Flex-Grow von Gegenständen in einer Flexbox

Ist es möglich, die Artikel in einer Flexbox zu wechseln? Wenn Sie auf Ich möchte, dass alle Elemente mit Ausnahme des angeklickten minimiert werden. Das angeklickte Feld sollte den gesamten verfügbaren Speicherplatz des Containers nutzen. // ...

4 die antwort

CSS: Zuletzt bestellte flex Kinder auswählen

Gab eine beliebige Anzahl von Flexbox-Kindern mit einem Inline-order -Attribut für die Sortierung, wie würde man das zuletzt geordnete Element in CSS auswählen? <ul style="display:flex"> <li style="order: 4">a</li> <li style="order: 5">b</li> ...

14 die antwort

Line break in mehrzeiliger Flexbox

Gibt es eine Möglichkeit, in einer mehrzeiligen Flexbox einen Zeilenumbruch vorzunehmen? Zum Beispiel, um nach jedem 3. Element zu brechenn diesem Sti [http://codepen.io/SakerONE/pen/bdbLNz] .container { background: tomato; display: flex; ...