Als «flexbox» getaggte Fragen

CSS-Modul für flexible Layouts, das eine breite Palette von Optionen zum Ausrichten von Elementen bietet und gleichzeitig Floats und Tabellen überflüssig macht.

2
Erzwingen Sie, dass sich das Flex-Element über die gesamte Reihenbreite erstreckt
Ich versuche, die ersten beiden untergeordneten Elemente in derselben Zeile beizubehalten, während sich das dritte Element in voller Breite unten befindet, während Flex verwendet wird. Ich interessiere mich besonders für die in Verwendung flex-growund flex-shrinkEigenschaften auf den ersten 2 Elemente (die nicht mit Prozent einer meiner Gründe ist) aber das …
74 html  css  flexbox 
5
Wie kann ich eine Position haben: fest; Verhalten für ein Element in Flexbox-Größe?
Ich habe eine Div namens .side-el, die ich gerne in einer Position hätte: fest; Verhalten, aber sobald ich die Position fest auftrage, wechselt die Breite von der rechten. Die richtige Breite wäre die von Flexbox festgelegte. Wie kann ich dieses Ziel erreichen? .container { -webkit-align-content: flex-start; align-content: flex-start; -webkit-align-items: flex-start; …
73 css  flexbox 
5
Die Eigenschaft "Inhalt rechtfertigen" funktioniert nicht
Ich habe ein seltsames Problem, mit dem ich Probleme habe. Also habe ich an diesem Prototyp einer HTML5-Vorlage gearbeitet, die Flexbox verwendet. Obwohl ich auf ein kleines Problem gestoßen bin. Ich versuche, einen kleinen Abstand zur Seitenleiste und zum Inhaltsbereich der Vorlage zu schaffen, indem ich die Eigenschaft "Inhalt rechtfertigen" …
73 css  flexbox  spacing  article 
1
flex vs flexGrow vs flexShrink vs flexBasis in React Native?
Ich endlich aufgewertet reagieren nativer auf 0,42 , die die Einführung umfasst flexGrow, flexShrinkund flexBasisund die Änderung (oder fix), wieflex gemacht wird. Ich bekomme immer wieder Fehler wie: Die Ansicht wurde mit explizit eingestellter Breite / Höhe, jedoch mit einer FlexBasis von 0 gerendert. (Dies kann durch Ändern von flex: …
5
Ist es möglich, dass flexible Elemente eng an den darüber liegenden Elementen ausgerichtet sind?
Dies ist praktisch das Pinterest-Layout. Die online gefundenen Lösungen sind jedoch in Spalten eingeschlossen, was bedeutet, dass der Container versehentlich horizontal wächst. Das ist nicht das Pinterest-Layout, und es funktioniert nicht gut mit dynamisch geladenen Inhalten. Was ich tun möchte, ist eine Reihe von Bildern mit fester Breite und asymmetrischer …
6
Flexbox auf IE11: Bild ohne Grund gestreckt?
Ich habe ein Problem mit Flexbox in IE11 und obwohl mir bekannt ist, dass viele Probleme bekannt sind, konnte ich keine Lösung finden ... <div class="latest-posts"> <article class="post-grid"> <img src="http://lorempixel.com/image_output/cats-q-c-640-480-4.jpg" alt="" /> <div class="article-content"> <h2>THIS IS POST TITLE</h2> <p>BLAH</p> </div> </article> </div> Und das CSS ... img { max-width: 100%; …
4
Zentrieren Sie einen DIV ungleich mit CSS
Ich zentriere einen DIV mithilfe einer Flexbox in einem anderen DIV. Stellen Sie sich ein Dialogfenster vor, das bei Bedarf in der Mitte des Bildschirms angezeigt wird. Es funktioniert gut, aber es würde viel besser aussehen, wenn der Platz über und unter dem Dialogfeld nicht genau gleich wäre, da 40% …
23 html  css  flexbox  centering 
10
Erstellen von Divs gleicher Größe mit Wrap-Around
Ich versuche ein Menüsystem mit einem Bild und Text oben und unten zu erstellen. Die Daten sind dynamisch. Ich möchte, dass das Menüsystem so angezeigt wird, dass jedes Bild den gleichen Abstand voneinander hat, sodass es horizontal und vertikal in einem Raster von Bildern ausgerichtet ist. Das Problem ist der …
17 html  css  flexbox 
3
Schrumpfen Sie lieber in einem Flex-Container mit Flex-Flow: Reihenwicklung
Anzeigen einer Bildergalerie mit Bildern unterschiedlicher Größe und Verhältnis mit den folgenden Spezifikationen: Keine Leerzeichen (Ränder) zwischen den Bildern. Das ursprüngliche Verhältnis so weit wie möglich respektieren. Bilder umgeben von einem Link. Nicht-JS-Lösung. Bilder könnten etwas beschnitten werden. Tragbare Lösung. Die angezeigten Bilder sind zufällig. Bilder müssen von links nach …
4
Ausrichten der Bildhöhe entlang einer Reihe
Ich kämpfe darum, dass sich die Dinge verhalten. Ich habe eine dynamische Liste von Bildern auf einer reaktionsfähigen Site. Das Layout wird dort generiert, wo Bilder in Zeilen / Spalten oder Spaltenzeilen sein können. Dieses Beispiel ist nah, aber die gepaarten Bilder werden unten nicht ausgerichtet, da der Browser die …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.