Fragen mit dem Tag "flexbox"

0

Wie man eine horizontal Mauerwerk in CSS mit Flexbox-oder CSS-Grid?

Ich möchte zu erstellen, die genau das Layout, das ist auf dem Bild, nur mit den 6 Boxen. Es ist kein problem zu geben, jede box eine Feste Höhe. Bild vom Layout habe ich versucht zu bauen Ich habe bereits versucht, dies zu erreichen, mit einer Art...
1

Flex mit max Höhe

Wie kann ich die Höhe festlegen der linken Spalte(block) zu 100% mit flex? Ich habe dom wie diese: <LeftPanel> <Logo /> <Profile /> <Chat /> <SocialButtons /> </LeftPanel> LeftPanel auf eine Höhe von 100...
1

Machen flexbox-Element Breite gleich der kombinierten Breite von Bruder Elemente

Ich habe eine Reihe von fixed-width-flex-Elemente und ein footer-element, das sollte erstrecken sich über die Breite der kombinierten Elemente vor. Wie kann ich über das tun dies? Hier ist was ich habe, so weit, aber die untere Zeile ist breiter als...
1

Wie kann ich die div-float an der Unterseite ohne box Höhe ändern, jedes mal wenn das Fenster in der Größe geändert wird?

Ich entwickelte eine form. Hier möchte ich das "irgendein text irgendein text" Abschnitt kleben an der Unterseite der box, und auch ich will die box, um die gleiche Höhe wie der Bildschirm. Jedoch ist der code, den ich geschrieben habe, tut, was ich ...
1

Flex-Karten, die in Spalte 5

Dies ist mein parent-Komponente, hält die Karten. Wenn auf mobile/kleinere Bildschirme, die Karten werden in einer Karussell - NukaCarousel und wenn auf dem desktop sind Sie in einem 5-Säulen-Liste Ich habe versucht, zu replizieren, auf sandbox - ab...
0

Eingabe in ein Formular angezeigt, über text-Feld mit flexbox

Ich versuche ein Formular erstellen, mit flexbox und was ich möchte, ist für die label-Felder werden über dem text-Eingabe-Felder, und in einer Zeile dargestellt. Derzeit ist meine form ist die Darstellung in einer Zeile, aber ich Schaffe es nicht, d...
0

Kind-element overflow Ergebnisse-Schaltfläche in verschiedene container laufen Weg von der Maus, wenn schwebte

Siehe unten im snippet. Wenn sich der Mauszeiger über der Schaltfläche, die .nested-tall erweitert, für einige Grund, und die ganze .tall Containers geändert, so dass die Schaltfläche nicht mehr wo die Maus ist, und ist nicht anklickbar, zumindest mi...
3

Mitte horizontal und vertikal Absatz innen div

wie kann ich center horizontal und vertikal um den Absatz innerhalb des div , kam ich zu diesem Ergebnis .Benefits { min-height: 20%%; width: 100%%; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } <...
1

Kann jemand mir erklären, wie das align-items proprety funktioniert?

Ich Frage mich, eine Frage : Wie wird die css-proprety "align-items" funktioniert ? Wenn ich Frage wie es funktioniert ich meine, wie der browser interpretiert die proprety, nicht wie die proprety. Danke
1

Erstellen einer Liste von Karten der gleichen Höhe mit flexbox

Ich versuche, eine Liste von Karten mit der gleichen Breite und gleicher Höhe. Ich bin mit flex, bootstrap und ein paar Zeilen adminlte. Mein problem ist, dass bei einigen tags mit text sind größer als andere, ist die Höhe der Karte ändern, füllen ...
0

Eckig Material Flexbox

Nach dem Versuch alle Arten von flexbox Ansätze, die ich brauchen, um Führung bitten. Ich habe zu produzieren ein Komplexes layout für desktop und mobile. Aber auch das mobile-layout ändern muss, und ich möchte beginnen mit, dass. Hier ist das erste...
0

Wann sollte ich ein web fit für mobile?

Hallo ich habe zwei Frage ist eine gute Idee zu mischen flexbox mit schleift, und wenn ich passen sollte meine web für Handys am start, die auf Arbeit-oder Ende? oder denken Sie daran, dass alle die Zeit, und die korrekte web-nicht nur auf meinem des...
1

Kann nicht eingestellt werden flexbox-Kinder der Höhe bis zu 100% in Chrome

Ich versuche, das Blaue Feld darunter füllen die gesamte Höhe der Taste, aber es scheint nicht zu funktionieren. Warum nicht height: 100%% Arbeit für die .el-element? button { background: red; height: 55px; display: flex; align-items...
1

Text Auslassungszeichen in einem flex-Spalte

Ich versuche, den text mit Auslassungszeichen zu arbeiten in einer flex-Spalten-layout, in einer flex-Reihe. Ein Anwendungsfall wäre für etwas wie tabs mit icons - alle Registerkarten müssen, passen in eine Zeile, und möglicherweise abgeschnitten wer...
0

Ausrichten von Elementen in flex-box-Spalte durch die Mitte Element

In meinem layout habe ich drei vertikal übereinander angeordnete Elemente innerhalb einer Spalte. Was ich versuche zu erreichen ist die Mitte der mittleren Position (grün) innerhalb der Spalte und den anderen Elementen verbunden. Was ich habe: ...
0

Was Echtzeit-front-end-Entwicklung problem flexbox-und Css-Grid zu lösen?

Was Echtzeit-front-end-Entwicklung problem Flexbox-und css-grid zu lösen?