Tag: flexbox
CSS3-Modul für flexible layouts mit einer breiten Palette von Optionen für die Anordnung der Elemente und eliminiert die Notwendigkeit für Schwimmer und Tabellen.
Bootstrap 4 richtet die Navbar-Elemente nach rechts aus
16 Antworten
Wie kann ich richten Sie eine navbar Element nach rechts? Möchte ich das login und register auf der rechten Seite. Aber alles, was ich versuchen scheint nicht zu funktionieren. Dies ist, was ich bisher versucht habe: <div>
flexbox benimmt sich mit max-height
3 Antworten
Mein Problem ist wahrscheinlich am besten durch ein Beispiel erklären. Das folgende jsfiddle funktioniert in Chrome: http://jsfiddle.net/ga6g4/ Wie Sie sehen können, habe ich eine Feste Höhe flexbox mit einem festen header und einem scrollbaren Körper. So weit
Flexbox vs Twitter Bootstrap (oder ähnliches Framework)
3 Antworten
Habe ich vor kurzem entdeckt Flexbox wenn ich war auf der Suche nach einer Lösung, die divs die gleiche Höhe, je nach dem höchsten. Habe ich gelesen, das folgende Seite auf CSS-tricks.com und es hat mich überzeugt,
Verhindern Sie das Umbrechen von Zeilen im Flexbox-Child-Element
1 Antworten
Wie kann ich verhindern, dass der Textumbruch einer flexbox-element? Ist es überhaupt möglich? Ich bin versucht, zu erstellen eine zweispaltige raster mit flexbox mit dem folgenden markup: <div class="flex-container"> <div class="no-wrap">this should not wrap</div> <div class="can-wrap">Lorem ipsum
Flexibles Boxmodell - Display: Flex, Box, Flexbox?
2 Antworten
Viele von uns heute bewusst, dass die älteren Werte der display Eigenschaft wie inline und block veraltet sind, nachdem die neue flexible box Modell wurde in CSS3. Aber, vielleicht finden wir unterschiedliche Informationen auf dem web in
Flexbox-Spalte richtet sich nach unten aus
3 Antworten
Ich versuche zu verwenden Flexbox. http://css-tricks.com/almanac/properties/a/align-content/ dies zeigt schön, Ausrichtung Optionen, aber ich würde tatsächlich gern ein oben-Oben-unten-situation. Ich möchte einem div-stick an den unteren Rand des übergeordneten div mit flexbox. Mit flex-direction: column und align-content: Space-between
Flexbox: Wie bekomme ich divs, um 100% der Containerbreite ohne Umhüllung zu füllen?
2 Antworten
Ich bin in den Prozess der Aktualisierung einer alten inline-block-basierten grid-Modell habe ich auf eine neuere Flexbox ich erstellt. Alles hat geklappt, abgesehen von einem kleinen Haken, der hat sich ein bisschen wie ein dealbreaker: Ich habe
IE11 flexbox verhindert Textumbruch?
9 Antworten
Ich entwickle eine Website, die zeigt OK an, die in den neuesten Versionen von Firefox/SeaMonkey/Chrome, aber interessanterweise im IE11 gibt es ein rendering-problem: http://devel.gooeysoftware.com/mozaddons/switching.php Wenn Sie laden diese in der IE11, den "Wechsel von Firefox auf SeaMonkey"
Wie spezifiziert man ein Element, nach dem in css flexbox umgebrochen werden soll?
5 Antworten
Ich glaube nicht, dass dieser Teil des flexbox-standard noch nicht, aber gibt es vielleicht einen trick zu vermuten oder Kraft Umhüllung nach einem bestimmten element? Ich möchte zu reagieren, um verschiedene Papierformate und wickeln Sie eine Liste
Wie verwende ich Bootstrap 4 flexbox um den verfügbaren Inhalt zu füllen?
6 Antworten
Ich habe eine eckig-app, die mithilfe von bootstrap 4. Ich habe eine nav-bar, der klebt an der Spitze, und möchte ich hinzufügen, dass Inhalte, die füllt den restlichen Platz im browser. Abgesehen von der Navigationsleiste am oberen
Flexbox schwimmt nach rechts
1 Antworten
Ich bin auf der Suche nach Lösungen für die Flexbox-layout-best practice für eine gemeinsame Nutzung Fall. In dem Beispiel, das ich verwenden möchte Flexbox, um die score-Zahl zu float auf der rechten Seite. Ich dachte, der Verwendung:
CSS3 Flexbox: Anzeige: Box vs. Flexbox vs. Flex
4 Antworten
Wurde ich gestern eine website, in der Schule, die Nutzung der css3-flexbox-Anweisung. Ich nie benutzt, bevor. Also ich google ein bißchen. Und fand eine Menge von verschiedenen Stilen des flexbox-Anweisungen. Einige Jungs schreiben display: box;, einige display:
Zentrieren Sie den Inhalt in einer Spalte in Bootstrap 4
4 Antworten
Brauche ich Hilfe um das problem zu beheben, muss ich, um die Mitte der Inhalt in die Spalte bootstrap4, bitte meinen code unten <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div> InformationsquelleAutor der
ReactNative: Wie zentriert man Text?
5 Antworten
Wie-center den Text in ReactNative sowohl in der horizontalen und der vertikalen? Habe ich ein Beispiel für die Anwendung in rnplay.org wo justifyContent="center" und alignItems="center" nicht funktioniert: https://rnplay.org/apps/AoxNKQ Sollte der text zentriert. Und warum gibt es eine
CSS richtet ein Element direkt an flexbox aus
1 Antworten
https://jsfiddle.net/vhem8scs/ Ist es möglich, die zwei Elemente Links ausrichten und ein Element Rechtsbündig mit flexbox? Der link zeigt es ganz deutlich. Das ist das Letzte Beispiel, was ich erreichen will. In flexbox-ich habe einen code-block. Mit float
Horizontales Scrollen in Flexbox aktivieren
1 Antworten
Ich bin neu in flexbox, und ich bin versucht, eine horizontale scrolling-website. Die Idee ist, zu zeigen, das erste Element als 100% Höhe und Breite, wie auf dem Bildschirm mit der verbleibenden Elemente auf der rechten Seite,
Auto Bildgröße in CSS FlexBox Layout ändern und Seitenverhältnis beibehalten?
7 Antworten
Habe ich die CSS-flex box-layout wird angezeigt, wie unten dargestellt: Wenn der Bildschirm kleiner wird, es verwandelt sich in diese: Das problem ist, dass die Bilder nicht verkleinert, halten Sie das Seitenverhältnis aus, das ursprüngliche Bild. Ist
Wie kann ich ein div mit einem Bild füllen, während es proportional bleibt?
8 Antworten
Fand ich diesen thread — Wie kann Sie dehnen, ein Bild zu füllen, ein <div>, während das Bild aspect-ratio? — das ist nicht ganz das was ich will. Ich habe ein div mit bestimmter Größe und ein
CSS3 Flexbox App in voller Höhe und Überlauf
3 Antworten
Habe ich eine app, die mithilfe eines klassischen E-Mail-ähnliches layout wie die unten. Ich konstruiert haben, die es mit den neuen CSS3-flexbox-Modell, und es funktioniert hervorragend, bis ich die Möglichkeit für den Benutzer, um dynamisch neue Elemente
Werden Layout-Richtlinien von Angular 2 Material Design Components unterstützt?
3 Antworten
Ich versuche, die Angular2 Material Design Komponenten, und ich kann nicht mit den layout-Richtlinien zu arbeiten. Beispiel: Entsprechend der Beispiele, das sollte "einfach funktionieren": <div layout="row"> <div flex>First item in row</div> <div flex>Second item in row</div> </div>
Setzen Sie Flexbox-Kinder auf unterschiedliche Höhen, um den verfügbaren Speicherplatz zu nutzen
1 Antworten
Unter Verwendung eines zwei-Säulen-flexbox-layout, wie können unterschiedlich große Kinder gemacht werden, um alle verfügbaren Platz auszufüllen, und nicht alle Kinder mit der Höhe des höchsten Kind der Reihe? Ich eine demo auf jsbin , veranschaulicht das problem.
Vertikal Zentriert in Bootstrap 4
6 Antworten
Ich versuche, mich zu zentrieren, meine Container in der Mitte der Seite mit Bootstrap 4. Ich habe bereits ohne Erfolg bisher. Jede Hilfe würde geschätzt werden. Ich gebaut habe, es bei Codepen.ioso dass Sie Jungs können spielen
Flex Basis 100% in Spalte Flexbox: volle Höhe in Firefox, nicht in Chrome
1 Antworten
Ich möchte eine Spalte mit divs, jede Zahl, jede mit der Breite 100% und Höhe 100% von dem übergeordneten div, so dass eine anfänglich sichtbar ist, und die anderen überlauf der Eltern nach unten. Ich habe den
Es kann nicht zum Anfang des Flex-Elements geblättert werden, das den Container überläuft
4 Antworten
So, in dem Versuch zu machen, eine sinnvolle modale Verwendung von flexbox habe ich gefunden, was zu sein scheint ein browser-Problem und Frage mich, ob es einen bekannten fix oder workaround -- oder Ideen auf, wie es
Bringe einen Gegenstand zum Boden, indem du den Flex in nativ verwendest
3 Antworten
Vermute, das ist das layout: <View style={styles.container}> <View style={styles.titleWrapper}> ... ... </View> <View style={styles.inputWrapper}> ... ... </View> <View style={styles.footer}> <TouchableOpacity> <View style={styles.nextBtn}> <Text style={styles.nextBtnText}>Next</Text> </View> </TouchableOpacity> </View> </View> Ich möchte, um die Sicht auf die Stile der
Gibt es Polyfill für das aktuelle CSS Flexible Box Layout Modul gemäß W3C CR (Display: flex etc.)?
3 Antworten
Flexiejs.com hat der browser polyfill für CSS-flex-Boxen, aber es basiert auf einem früheren Entwurf auf das Thema, was unvereinbar ist mit der aktuellen W3C Candidate Recommendation CSS Flexible Box Layout Module. Gibt es eine polyfill, zumindest teilweise,
Natives Stylesheet reagieren: Was macht {flex: 1}?
4 Antworten
Reagieren Native verwendet flexbox-layout. In allen Beispielen, die ich gesehen habe, tun Sie etwas wie dieses: var styles = StyleSheet.create({ container: { flex: 1, flexDirection: 'row' } }); Ich bin neugierig auf die flex: 1 Teil. Basierend
Wie implementiere ich eine Multi-Line-Flexbox?
2 Antworten
Trotz meiner Googeln habe ich gefunden, einige Beispiele auf, wie die Umsetzung in mehreren flexboxes. Keiner der Codes die ich bekommen habe von Beispielen, gearbeitet hat. Ich habe drei Elemente in einer flexbox, und ich will der
Wie man ein einzelnes Flexbox-Objekt rechtfertigt (override justify-content)
4 Antworten
Können Sie überschreiben align-items mit align-self für ein flex-Element. Ich bin auf der Suche nach einem Weg zu überschreiben justify-content für ein flex-Element. Wenn Sie einen flexbox-container mit justify-content:flex-endaber Sie wollen das erste Element justify-content: flex-startwie konnte
Warum wird angezeigt: -ms-flex; -ms-justify-content: Zentrum; funktioniert nicht in IE10?
2 Antworten
Nicht warum der folgende code funktioniert in IE10? .foo { display: -ms-flex; -ms-justify-content: center; } Was muss ich schreiben, um für Sie zu arbeiten? InformationsquelleAutor der Frage user2590633 | 2013-07-17
Flexbox / IE11: Flex-Wrap: Wrap wickelt sich nicht ein (Bilder + Codepen innen)
1 Antworten
Erstellte ich eine Liste mit sozialen icons. Diese Symbole sollten wrap auf kleinen Bildschirmen. Benutze ich flex-wrap: wrap; und es funktioniert perfekt in Firefox und Chrome: Aber Internet Explorer 11 (IE 10) nicht brechen die Linie: Code
Objekte vertikal mit flexbox zentrieren
2 Antworten
Ich versuche, die vertikal-center-Elemente mit CSS' flexbox; und ich wissen, wie es mit der non-vendor-Präfix-code, aber auch mit der vendor-Präfixe kann ich es nicht zu funktionieren in Webkit (Chrome). Ich versuche vertikal ausrichten die Spannweiten in #trigger.
Zeilenumbruch in der Flex-Box, die nicht in Safari eingebunden ist
4 Antworten
Einem flex-container hat vier Kinder, jedes mit einem flex-basis von 25% ein eine min-width. flex-flow gesetzt ist, Zeile umbrochen wird. Andere Browser dann Safari damit umgehen, wie erwartet: wenn die min-width erreicht ist, packt es die das
Full-Weiten-Button mit Flex-Box in react-native
3 Antworten
Ich bin neu in der flexbox und bin nicht in der Lage zu produzieren in voller Breite Schaltfläche reagieren-native. Ich habe versucht, dies herauszufinden, mich für mehr als einen Tag und Lesen Sie jeden Artikel /Beitrag im
Wie mache ich Flex Box in Safari arbeiten?
5 Antworten
Wie mache ich flex-box funktionieren in safari? Ich habe ein responsive nav, verwendet einen css-flex-box zu reagieren und aus irgendeinem Grund, es funktioniert nicht in safari. Hier ist mein css: #menu { clear: both; height: auto; font-family:
Flex vs FlexGrow vs FlexShrink vs FlexBasis in React Native?
1 Antworten
Habe ich endlich aktualisiert, reagieren die einheimischen auf 0,42, das auch die Einführung von flexGrow, flexShrink, und flexBasis die änderung (oder fix), wie flex gerendert wird. Ich bekomme immer Fehler wie: View gerendert wurde mit explizit festlegen
Flexbox Alternative für IE9
3 Antworten
Entwickelt ich eine Webseite mit Chrome anfangs (als die einfachste design für die), aber jetzt bin ich immer auf den IE-support-Modell. Das sagte, begann ich mit IE11 und die notwendigen änderungen für die skurrile Unterschiede zwischen IE
Was sind die Unterschiede zwischen Flex-Basis und Breite?
2 Antworten
Es wurden Fragen und Artikel über dieses, aber nichts schlüssig wie weit ich es sagen kann. Die beste Zusammenfassung, die ich finden konnte, ist flex-basis spezifizieren Sie die anfangs - /Ausgangspunkt Größe des Elements, bevor irgendetwas anderes
Wie man 3 Divs (links / Mitte / rechts) in einem anderen div ausrichtet?
15 Antworten
Ich möchte 3 divs ausgerichtet innerhalb eines div-container, so etwas wie dieses: [[LEFT] [CENTER] [RIGHT]] Container-div ist 100% breit (keine Breite festlegen), und den center-div bleiben soll, in der Mitte nach der Größenänderung des Containers. Also habe