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

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

Layoutprobleme

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

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

CSS-Rasterlayout, automatisches Hinzufügen von Zeilen und Festlegen der Spaltenbreite auf die maximale Breite des Rasterelements

Ich möchte ein Rasterlayout mit einer beliebigen Anzahl von Rasterelementen. Wenn ein Rasterelement gefüllt ist, wird automatisch eine neue Zeile erstellt, etwa so: #grid{display:grid;width:256px;border:1pxsolidblack ;grid-gap:12px ;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}#gridspan{...

P粉818317410 2024-03-28 11:13:36 0  1  482

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

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

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

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

Adaptives Rasterlayout in der Vuetify-Projektliste

Ich bin auf ein Problem gestoßen, das scheinbar häufig vorkommt, aber ich kann es lösen. Ich habe eine API-Abfrage, die eine Liste von Objekten zurückgibt. Ich möchte meine Seite als ein mit Inhalt gefülltes Kartenraster anzeigen. Ich möchte, dass das Raster 5 Spalten hat und die Anzahl der Zeilen a...

P粉710478990 2024-01-29 11:36:47 0  1  515

Wie animiere ich die Erweiterung des Rasterlayouts?

Ich möchte wissen, wie man die Erweiterung eines Rasterlayouts animiert. Wie Sie im Code sehen können, habe ich 4 Divs. Zwei davon werden angezeigt, die anderen beiden werden nur angezeigt, wenn das Kontrollkästchen aktiviert ist. Wenn das Kontrollkästchen aktiviert ist, wird eine weitere Zeile mit ...

P粉937382230 2023-08-31 21:09:37 0  1  517

vim – Welches ist das schönste Layout des Editorfensters?

Was ist beim Stapeln die beste und praktischste Fensteraufteilung? Handelt es sich um Doppelspalten, Doppelreihen, mehrere Zeilen und mehrere Spalten, ein Raster oder ein vertikales T? Oder etwas anderes?

習慣沉默 2017-05-16 16:41:12 0  11  1549

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

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

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

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

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

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

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

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