html5 - Warum folgt der zweite Flex unmittelbar auf den ersten Flex-Container?

Frage: Wie kann der zweite Flex hinter den ersten Flex-Container verschoben werden? Navbar-Code {Code...} Container-Code {Code...}

淡淡烟草味 2017-07-01 09:12:21 0  2  1589

css – Fragen zum Flex-Layout

Der Code, den ich für das Flex-Layout verwende, ist wie folgt: .cszgroup-ul{ display: flex; ul li{ width: 31%; margin-bottom: 10px;}Das Ergebnis ist...

滿天的星座 2017-06-05 11:13:12 0  5  924

Wie kann ich mithilfe von CSS dafür sorgen, dass die untere Flex-Spalte die Artikelreihenfolge beibehält?

Ich habe eine horizontal zentrierte Spalte mit Flex-Elementen, sortiert von 1 bis 5, ausgerichtet vom oberen Rand des Containers, wie folgt: body,html{height:100%;position:relative;margin:0;padding:0;}. Container{ display:inline-flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;align-co...

P粉277464743 2024-03-30 11:59:06 0  2  458

javascript – So machen Sie Browser über IE8 mit Flex kompatibel

Die Seite verwendet das Flex-Layout. Ich habe viele Seiten erstellt. Jetzt weiß ich, dass Flex auf dem PC schlecht kompatibel ist, insbesondere im IE-Browser. Aber es wird definitiv eine Menge Arbeit sein, es jetzt zu ändern. Gibt es eine Möglichkeit, dass das Flex-Layout auch Browser ie8 und höher ...

仅有的幸福 2017-07-06 10:34:52 0  1  1201

Anleitung zum Umschließen des zweiten Flex-Elements um das erste Element in Tailwind CSS

Ich habe einen Flex-Container mit zwei Flex-Artikeln. Das erste Flex-Element sollte die Breite des Containers bestimmen und das zweite Flex-Element sollte ihn umschließen. Ich verwende Tailwind CSS für die Gestaltung, kann aber nicht das gewünschte Layout erhalten. Dies ist mein aktueller Code: Ich ...

P粉156983446 2023-08-02 18:31:22 0  1  514

Javascript – CSS3-Flex-Zentrierungsproblem

Ich kann das Element zentrieren, indem ich justify-content:center festlege, aber warum kann das Element nach dem Hinzufügen von position: Fixed; nicht zentriert werden? Wird das Flex-Layout nach der Verwendung von „Fixed“ nicht wirksam? {Code...}

阿神 2017-06-12 09:20:46 0  1  589

css - Wie kann ich mit Flex ein dreispaltiges Layout implementieren, aber die Höhe der untergeordneten Elemente muss anpassbar sein?

Ich möchte Flex verwenden, um das dreispaltige Layout im Bild zu implementieren. Derzeit stoße ich auf das folgende Problem: Wenn das übergeordnete Element display: flex einstellt, ist die Höhe der drei Spalten gleich, und ich möchte die Höhe der drei Ich versuche, die Spalten anzupassen. Weder flex...

滿天的星座 2017-05-16 13:45:22 0  1  1694

css3 - Warum ist die Flex-Eigenschaft in der CSS-Flexbox in diesem Beispiel so eingestellt?

Ich verstehe die folgenden Einstellungen für item1 und item2 im CSS-Code nicht. Ich weiß, dass diese drei Werte Flex-Grow, Flex-Shrink und Flex-Basis entsprechen, aber ich weiß es nicht Ich kenne den Zweck des Schreibens dieses {Codes ...} nicht. Der vollständige Code lautet wie folgt: HTML: {Code ....

迷茫 2017-06-12 09:24:28 0  1  1016

Zeigt an, dass Flex eine Breite einnimmt, die größer ist als die im div angegebene Breite

Das Div hat eine bestimmte Breite und der darin enthaltene Text kommt dynamisch von der API und hat Auslassungspunkte-Stile. Die Breite des Textes kann ich nicht angeben, da der Text völlig dynamisch ist und die Textlänge nicht festgelegt ist. Unten finden Sie den Code, der das Problem erklärt. body...

P粉425119739 2023-09-11 18:37:38 0  1  652

css - Wie implementiert man dieses Layout mit Flex?

Wie kann ich diese Art von Layout mit Flex implementieren? Ich konnte erst zum dritten Mal mit dem Schreiben fertig werden und habe jemanden gebeten, etwas Hilfe hinzuzufügen. {Code...}

ringa_lee 2017-06-30 09:56:55 0  2  1021

Probleme nach dem Hinzufügen von Rahmen zu untergeordneten CSS3-Flex-Elementen

Nachdem das übergeordnete Element auf Flex gesetzt wurde, kann das untergeordnete Element {flex:0 0 33,3333 %} in derselben Zeile in drei gleiche Teile geteilt werden. Wenn dem untergeordneten Element jedoch ein Rahmen hinzugefügt wird, können nur zwei darin angeordnet werden Die gleiche Reihe dehnt...

漂亮男人 2017-05-16 13:27:46 0  2  1032

CSS – Unterschiede zwischen Flex-Layout, Display:Flex und Display:-Webkit-Box

https://jsfiddle.net/channg/j... Warum ändert sich die Breite von display:flex mithilfe der Box? Werden nach der Änderung von flex:-webkit-box die nachfolgenden Boxen herausgeschoben?

给我你的怀抱 2017-05-27 17:44:17 0  1  1387

CSS3 – Flex-Layout an beiden Enden

Es gibt eine solche Anforderung, dass die Felder 1, 2 und 3 links, oben und unten zentriert sein müssen, und die Felder 4, 5 und 6 müssen rechts, oben und unten zentriert sein Flex-Layout? Nach Überprüfung einiger Informationen scheint dies nicht möglich zu sein. Nur die folgenden häufigen Situation...

高洛峰 2017-05-16 13:27:30 0  1  897

css – Problem mit dem Flex-Layout

Der Header verwendet ein Flex-Layout. Ähnlich wie das Layout in nativem IOS wird es nicht durch den Inhalt auf der linken und rechten Seite beeinflusst. Es ist immer noch horizontal zentriert Vorher, aber dann habe ich es vergessen, nachdem ich flex.css verwendet habe. Schauen wir uns mal an, wie ma...

曾经蜡笔没有小新 2017-05-19 10:47:50 0  4  1098

Flex-Grow erweitert untergeordnete Divs nicht

Ich bin CSS-Neuling und brauche Hilfe bei einem Problem. Warum erweitert Flex-Grow block__column_2div nicht bis zum Ende des Bildschirms? Laut Lehrplantheorie sollte dieses Verhalten erwartet werden. Bitte sagen Sie mir, was ich falsch mache? Ein Codebeispiel ist unten dargestellt. index.html+style....

P粉388945432 2024-02-03 18:18:58 0  1  362

Responsives YouTube, eingebettet in Flex

Ich habe versucht, responsive YouTube- und einige andere Inhalte in einen Flex-Container einzubetten, aber der Container, in dem sich die YouTube-Einbettung befindet, wächst nicht und überschneidet sich daher entweder mit anderen Elementen oder wird von diesen überlappt. Ich bin mir nicht sicher, ob...

P粉111641966 2024-03-21 23:20:29 0  1  407

Geschwisterelemente sind im Flex-/Gitter-Layout in der Größe begrenzt

Ich habe zwei Geschwisterelemente, die jeweils dynamischen Inhalt enthalten. <divclass="flex"><divclass="sibling-1"></div><divclass="sibling-2"></div>&l

P粉134288794 2023-08-24 12:52:48 0  2  490

css - Wie ist das H5-Seiten-Flex-Layout mit Huawei kompatibel?

Ich habe kürzlich an einem Projekt für eine mobile Webseite gearbeitet und plötzlich festgestellt, dass der Standardbrowser von Huawei Flex-Layout unterstützt und kompatibel sein muss. Nachdem ich die Informationen überprüft habe, ist es mit einer Webseite kompatibel, aber nicht mit anderen. Ich wei...

迷茫 2017-05-16 13:43:07 0  1  1020

Leerraum: Nowrap mit Flex: 1; untergeordnete Breite ist zu klein, um Text aufzunehmen

Ich kann keine Lösung dafür finden, dass zwei Divs gleicher Größe in den Text in einer Zeile passen. Sieht aus wie ein Leerzeichen: Nachdem ich die Breite des übergeordneten Elements festgelegt habe: fit-content, wird die Breite jetzt nicht berücksichtigt. Sie sollten möglichst klein und immer gleic...

P粉776412597 2023-09-04 13:30:47 0  1  507

Warum können Flex-Elemente nicht unter die Inhaltsgröße schrumpfen?

Ich habe 4 Flexbox-Spalten und alles funktioniert einwandfrei, aber wenn ich den Spalten Text hinzufüge und eine große Schriftgröße einstelle, werden die Spalten aufgrund der Flex-Eigenschaften breiter, als sie sein sollten. Ich habe versucht, „word-break:break-word“ zu verwenden, und es hat geholfe...

P粉038161873 2023-10-15 22:06:39 0  2  801