Suchergebnisse für Anfrage "flexbox"

6 die antwort

Wie können Sie Flexbox verwenden, um Text in einem Div mit fester Höhe vertikal zu zentrieren, ohne überzulaufen?

Die erste Textzeile in der dritten.box wird über die Oberseite des Div angehoben und abgeschnitten. Ich möchte, dass es genauso aussieht wie die zweite Box (nun, eigentlich idealerweise wie die zweite Box plus ein...). Kann das mit der Flexbox ...

12 die antwort

Links ausgerichtetes und zentriertes Gitter mit Flexbox

Ich möchte mit flexbox (ohne Medienabfragen) ein responsives rasterartiges Layout realisieren. Das Raster kann eine variable Anzahl von Elementen enthalten. Jeder Artikel sollte eine feste und gleiche Breite haben. Elemente sollten nach links ...

4 die antwort

Überlappende CSS-Flexbox-Elemente in Safari

Was ist das richtige CSS, um Safari zu zwingen, Flex-Elemente in einem Standard-Flex-Container nicht zu überlappen? Safari scheint zu breit zu sein, um Gegenstände mit viel Inhalt zu biegen. Safari (v8.0.8 unter Mac OS X 10.10.5 ...

TOP-Veröffentlichungen

6 die antwort

Benutzung der Marge für Flex-Artikel

Ich hatte den Eindruck, dass ein Rand hinzugefügt werden kann, um Elemente / Kinder zu biegen, und flexbox sollte dies automatisch berücksichtigen und den korrekten Abstand zwischen den Elementen berechnen. Ich kann nicht scheinen, dies zum ...

2 die antwort

Wie man einen Flexbehälter zentriert, aber die Flexelemente links ausrichtet

Ich möchte, dass die Flex-Elemente zentriert werden, aber wenn wir eine zweite Linie haben, muss 5 (vom Bild unten) unter 1 stehen und nicht im übergeordneten Element zentriert sein. [/imgs/GhD1E.png] Hier ist ein Beispiel für das, was ich ...

4 die antwort

Flexelemente mit gleicher Höhe in Flexsäulen

Ich versuche es so zu machen, dass Listenelemente in einer Spalte in ihrer Liste die gleiche Höhe haben. Hier ist was ich habe: <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol> ol { min-height: 100%; display: flex; ...

6 die antwort

Wie mache ich Flex-End-Arbeit in IE11

Ich habe versucht, @ zu machjustify-content: flex-end; work, für überlaufende versteckte DIV-Inhalte in IE11, ohne Erfolg. achdem ich mehrere Kombinationen ausprobiert habe, habe ich ein minimales Snippet erstellt, das in Chrome, aber nicht in ...

2 die antwort

Div-Reihenfolge mit CSS in Abhängigkeit von der Gerätebreite ändern

Ich arbeite an einer responsive Site und bin auf ein interessantes Problem gestoßen. Ich habe einige Divs nebeneinander. Es können 2 bis 6 sein. Wenn der Bildschirm nicht breit genug ist, um den gesamten Inhalt korrekt anzuzeigen, werden die Divs ...

2 die antwort

Angular Material: Verschachteltes Gitter

Ich verwende derzeit Bootstrap für eine Webanwendung, möchte aber zu Angular Material wechseln. Im Moment spiele ich mit dem Gitter. Ich habe eine dreifach verschachtelte Gitterstruktur. Ich glaube nicht, dass die Kinder richtig angezeigt ...

8 die antwort

Absolut positioniertes Flex-Element wird in IE11 nicht aus dem normalen Datenfluss entfernt.

ir haben zwei Divs mit Inhalt und ein drittes Div, das einen Hintergrund mit absoluter Position darstell Container ist eine Flexbox. All funktioniert gut in Chrome und Safari, aberFirefox und IE11 berücksichtigt das absolut positionierte Div ...