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  1635

Zweispaltiges Layout mit neuen Zeilenumbrüchen

Ich probiere für ein redaktionelles Projekt ein mehrspaltiges Layout im Zeitschriftenstil aus. Da die Monitorgrößen immer größer werden, wollte ich alle verfügbaren Zoll des Monitors ausnutzen, indem ich ein Layout erstellte, das einem Papiermagazin sehr ähnlich ist (zwei bis drei Spalten pro Seite)...

P粉350036783 2024-02-03 21:08:53 0  1  426

Layoutprobleme

Entschuldigung, können Sie mir etwas über das Layout sagen?

不言失败 2021-04-11 22:59:23 0  1  1402

Ist es möglich, das bei kleineren Auflösungen angezeigte Layout über MediaQueries zu ändern, ohne das Standardlayout zu ändern?

Ich verwende bei der Standardauflösung ein „Rastervorlagenspalten“-Layout, damit die Elemente wie erwartet angezeigt werden. Bei kleineren Auflösungen werden sie jedoch nach Containerpriorität gerendert, wodurch der visuelle Effekt entsteht, den ich ändern möchte. Bei Standardauflösung: Wird auf der...

P粉301523298 2023-09-16 14:17:29 0  1  923

Falsches linkes und rechtes Layout

Warum sind die linken und rechten Layouts falsch, wenn ich sie zeichne?

P粉653371603 2022-01-18 19:02:01 0  1  1206

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  1067

java - Mehrere Schnittstellen mit demselben Layout?

Angenommen, ich habe 5 verschiedene Aktivitäten, aber das Layout und die Funktionen am Ende der fünf Aktivitäten sind gleich (andere Layouts sind unterschiedlich, z. B. die ToolBar. Ich möchte fragen, wie ich das gleiche Layout nur in der Basisklasse schreiben kann). Die Aktivität und dann andere Ak...

ringa_lee 2017-06-20 10:06:35 0  3  1137

html – Zellenabstand der CSS-Layouttabelle

Das Tabellenlayout verwendet Cellspacing=0, um eine 1-Pixel-Lücke zwischen dem oberen und dem unteren Tr zu erzeugen

迷茫 2017-05-16 13:28:07 0  2  1054

Adaptives Einzelspaltenlayout

Wie fügt man die Hintergrundfarbe zum Hauptteil des einspaltigen Layouts hinzu? Ich weiß nicht, wie ich Ihren endgültigen Effekt erzielen soll. Ich hoffe, Sie können darauf antworten, danke

JIA 2018-03-17 23:45:41 0  0  1279

Das Layout in Next.js verdeckt den Seiteninhalt

Ich versuche, die untere Navigation von Material-ui (https://mui.com/material-ui/react-bottom-navigation/) als Layout in meiner Next.js-Anwendung zu verwenden. Allerdings verdeckt die Navigation den unteren Rand der Seite. Ich habe versucht, die Ränder und den Abstand zu ändern, aber es hat nicht fu...

P粉018653751 2024-04-02 19:42:19 0  1  407

javascript – Ein kleiner Zweifel am Layout des Heiligen Grals

Dies ist ein Standardlayout für den Heiligen Gral und der HTML-Code {code...} sheng.png

学习ing 2017-07-05 10:54:07 0  1  934

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  839

Javascript - Laui-Tabellenlayout: Wenn der Inhalt in td zu groß und zu lang ist, wird die Tabellenseite gestaucht und verformt. Auf der Suche nach einer besseren Layoutmethode

Wie der Titel schon sagt, dient die Seite hauptsächlich der Anzeige relevanter Informationen. Wenn td zu viel Inhalt enthält, wird die nächste Zeile herausgedrückt. Wenn Sie eine bessere Layoutmethode finden möchten, benötigen Sie nicht unbedingt ein Tabellenlayout]

迷茫 2017-07-06 10:35:25 0  2  1972

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  868

Javascript – CSS-Karusselldiagramm passt sich dem Layoutproblem an

Ähnlich wie beim Karussell-Layout ist für den äußeren blauen Container keine Breite festgelegt und er ist zu 100 % adaptiv. Die Breite jedes Untercontainers entspricht der Breite des übergeordneten Containers und wird in einer Reihe angezeigt Element sind ausgeblendet, ohne js zu verwenden. Kann die...

给我你的怀抱 2017-06-13 09:23:41 0  3  1089

Erstellen Sie vielfältige Kartenlayouts mit einem einzigen Raster oder Flex: eine praktische Anleitung

Ich versuche, ein responsives Kartenlayout wie das abgebildete zu erstellen. Derzeit erstelle ich separate Layouts für Computer, Tablets und Mobilgeräte. Dann habe ich mit Hilfe der Medienabfrage die Anzeigeeigenschaft der anderen beiden Ansichten auf display:none gesetzt. Beispiel: Wenn ich mich in...

P粉808697471 2024-04-02 21:07:36 0  2  546

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  983

android – So platzieren Sie Bilder am Rand zweier Layouts

Wie im Bild gezeigt, wie man einen solchen Effekt einrichtet, befindet sich das Bild am Rand der beiden Layouts. Unter dieser Aktivität gibt es eine Aktivität, die ein Video abspielt. Ich habe das Rahmenlayout verwendet, um die Transparenz festzulegen transparent.

淡淡烟草味 2017-05-16 13:34:07 0  2  911

Reagieren Sie auf Layout vs. Router

Ich habe eine Frage zum Anzeigen oder Weiterleiten von Komponenten in React. Ich habe ein Homepage-Layout mit einer Kopfzeile, einem linken Menü und Inhaltsabschnitten eingerichtet. Die Idee besteht darin, eine Seite zu haben, auf der Sie nur den Hauptinhaltsbereich ändern müssen. Ich frage mich, ob...

P粉387108772 2023-09-11 13:01:22 0  1  573

CSS-Rasterlayout für quadratische Zellen

Ich möchte eine Dashboard-ähnliche Ansicht mit CSSGrid-Layout als Basis erstellen. Ich möchte 16 Spalten über die gesamte Länge des Bildschirms verteilen (sollte responsiv sein). Die Höhe der Zelle sollte dann durch die Breite der Zelle bestimmt werden, um die Zelle zu einem Quadrat zu machen. Das P...

P粉593536104 2023-08-15 20:13:32 0  1  498