Suchergebnisse für Anfrage "flexbox"
Problem beim vertikalen Zentrieren mit der Flexbox bei unbekannter Höhe
Mein Layout hat einen Containerflex-container und ein Kind. HTML: <div class="flex-container"> <div>text</div> </div>Der Behälter und das Kind haben eineunbekannte Höhe. Und das Ziel ist: Wenn das Kind eine geringere Höhe als der Container ...
Verwalten des CSS-Flexbox-Wachstums in mehreren Zeilen, um ein Raster mit gleichen Blöcken zu erstellen
Ich suche nach einer Möglichkeit, etwas zu erschaffengleich großBoxen mitflexbox während dem Benutzenflex-growth: 1. Das funktioniert ziemlich gut, wenn man die Eltern definiert mit: display: flex; flex-flow: row-wrap;und seine Kinder ...
page-break-after funktioniert nicht in Flexboxen
Dies erzeugt in der Druckvorschau in Firefox nicht das erwartete Ergebnis: <aside> side </aside> <div> <p> page 1 </p> <p> page 2 </p> </div>CSS: body{ display: flex; } aside{ flex: none; width: 100px; } div{ flex: auto; } p{ break-after: ...
Wie werden 3 Divs (links / Mitte / rechts) in einem anderen Div ausgerichtet?
Ich möchte, dass 3 Divs in einem Container-Div ausgerichtet sind, etwa so: [[LEFT] [CENTER] [RIGHT]]Container div ist 100% breit (keine festgelegte Breite), und center div sollte nach dem Ändern der Größe des Containers in der Mitte bleiben. ...
1px-Lücke bei Verwendung des Displays entfernen: Flex mit Bootstrap
In einigen Browsern, wie Safari 9, lässt das folgende Bootstrap-Raster eine Lücke von 1 Pixel auf beiden Seiten desrow Element. Warum das [/imgs/2YkrA.png] .a {background-color:#eee} .b {background-color:#ddd} .row {background-color:red} ...
Unterstützt der IE9 die Anzeige: Inline-Flex überhaupt nicht?
Ich habe mich in StackOverflow umgesehen und auch sonst, wo zu finden, wenndisplay: inline-flex; funktioniert in IE9. Ich habe zuvor eine Frage gestellt, als ich Probleme hatte, die Breite dynamisch zu vergrößern. ...
Flex-Wrap-Unterstützung in Browsern erkennen
Ich arbeite an einem Projekt, in dem ich ein reaktionsfähiges Raster habe, das ich mithilfe der Flex-Wrap-Eigenschaft erzielt habe. Da ich IE9 und niedrigere Versionen von Firefox, Version 28 und niedriger, unterstütze, wie finde ich mithilfe von ...
Firefox ignoriert vertikale Ränder für Flex-Elemente (untergeordnete Elemente einer Flexbox), sofern keine explizite Höhe für Container @ angegeben is
Ich habe ein reaktionsschnelles prozentbasiertes Raster mit Flexbox erstellt, das prozentbasierte Ränder verwendet. Es spielt sich gut in Chrome und Safari. Firefox reduziert jedoch die Ränder, es sei denn, für die Elemente wurde eine explizite ...
Blockelemente nur innerhalb des Flex-Elements?
Anscheinend können Sie nur Blockelemente (Inline-, Inline-Block-, Float-Elemente, die nicht funktionieren) in einem flexiblen Elementcontainer haben. Das ist nur seltsam und scheint nicht nützlich zu sein, es sei denn, ich mache es komplett ...
Wie man die 'display'-Eigenschaft für flex-item @ zurückset
Ich versuche, ein altes Layout basierend auf Tabellen und JS in die neue Flexbox mit Abwärtskompatibilität umzuwandeln, indem ich die Tabellen für alte Browser (insbesondere IE8, IE9 und Opera 10 +) behalte. Das Problem ist, dass es kein @ ...