Suchergebnisse für Anfrage "flexbox"
Scrollable div, um am Boden zu bleiben, wenn sich die Größe des äußeren Div ändert
Hier ist ein Beispiel für eine Chat-App -> [/imgs/KtqA4.png] Die Idee hier ist, das @ zu hab.messages-container Nehmen Sie so viel wie möglich vom Bildschirm ein. Innerhalb.messages-container, .scroll enthält die Liste der Nachrichten, und ...
Edge dehnt iFrame in einer Flexbox nicht aus
Dasiframe in der folgenden Demo ist ein Flex Item: * { margin: 0; border: 0; padding: 0; } html, body { height: 100%; } body { display: flex; } iframe { background: olive; flex: 1; }<iframe></iframe> Aber es deckt nicht den Flex-Container ...
Display: Inline-Äquivalent in React Native
Es scheint, als hätte ich Probleme beim Erstellen eines Displays: Inline-Styling, das mit der Flexbox vergleichbar ist. Bisher habe ich Folgendes erreicht (wobei die roten und blauen Linien von der Rahmenfunktion abhängen, um das Styling zu ...
Was sind die Unterschiede zwischen Flex-Basis und Breite?
Es gab Fragen und Artikel dazu, aber soweit ich das beurteilen kann, nichts Abschließendes. Die beste Zusammenfassung, die ich finden konnte, ist flex-basisit @ können Sie die Anfangs- / Anfangsgröße des Elements angeben, bevor etwas anderes ...
Gibt der Z-Index die Stapelebene eines nicht positionierten flexiblen Elements an?
In CSS 2.1,z-index [http://www.w3.org/TR/CSS21/visuren.html#z-index] gilt nur für positionierte Elemente und gibt zwei verschiedene Dinge an: Die Stapelebene der Box im aktuellen Stapelkontext. Ob die Box einen Stapelkontext erstellt.Aber ...
Was ist der Unterschied zwischen Flex-Start und Baseline?
Wenn Sie mit Flex-Align- * -Eigenschaften arbeiten, was ist der Unterschied zwischenflex-start undbaseline? Das folgende Code-Snippet gibt die gleiche Ausgabe für @ aualign-self: flex-start undalign-self: baseline. n welchen Fällen ...
Flexbox Kinder überlaufen Eltern mit der im IE angegebenen maximalen Höhe
Ich habe ein übergeordnetes Element, das zwei untergeordnete Elemente enthält, die mit flexbox übereinander angezeigt werden. Für dieses übergeordnete Element ist die Eigenschaft max-height auf einen bestimmten Wert festgelegt. So lange der ...
Warum funktionieren einige meiner CSS-Regeln nicht?
Ich habe ein verschachteltes Flexbox-Layout (mit Bootstrap v4), das die Ausrichtung je nach Quer- / Hochformat ändert. Ein erstes Leveldiv (wird von der flexbox mit dem @ platzieorder Eigentum),#no, enthält 5 Symbole, die als Schaltflächen ...
Anzeige simulieren: Inline in React Native
React Native unterstützt kein CSSdisplay -Eigenschaft, und standardmäßig verwenden alle Elemente das Verhalten vondisplay: flex (Neininline-flex entweder). Die meisten Nicht-Flex-Layouts können mit Flex-Eigenschaften simuliert werden, aber ...
Was sind die Unterschiede zwischen Flex-Grow und Weite?
Ich habe kürzlich angefangen, die Flexbox zu verwenden, und es kommt häufig vor, dass ich den Raum auf der Hauptachse zwischen den Elementen verteilen muss. Ich zögere oft zwischenwidth undflex-grow. Wenn ich zum Beispiel möchte, dass ein ...