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

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

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

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

Rasterelemente, die die Inhaltserweiterung einschränken

TL;DR: Gibt es eine ähnliche Eigenschaft wie table-layout:fixed für das CSS-Rasterlayout? Ich versuche, einen Jahreskalender mit einem großen 4x3-Raster für die Monate und einem darin verschachtelten 7x6-Raster für die Daten zu erstellen. Der Kalender sollte die gesamte Seite ausfüllen, daher sind B...

P粉199248808 2023-08-20 19:49:37 0  2  519

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

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

Kann CSS Gitterlinien anzeigen?

Ich habe angefangen, das CSS-Rasterlayout zu lernen. In einer idealen Welt wäre ich in der Lage, ein Div mit mehreren Rasterfeldern einzurichten und meine Elemente genau darin zu platzieren und bei Bedarf Überlagerungen bereitzustellen (ähnlich wie bei der Verwendung von Stick-on-Raster in Illustrat...

P粉133321839 2024-03-31 20:38:21 0  2  559

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

Layoutprobleme

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

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

Bilder zuschneiden und verschieben. Gitterstruktur

Ich habe Probleme damit, das Bild in die richtige Position zu bringen und es oben und unten zuzuschneiden. So sollte es aussehen (Heldenteil): https://www.behance.net/gallery/161732057/CozyMornings-online-store Das gesamte Projekt ist auf einem Raster aufgebaut. Ich benötige ein nach links verschobe...

P粉548512637 2023-09-15 19:18:46 0  1  603

Mischen Sie das automatische Rasterlayout mit festen Spalten und Spaltenpositionen

Ich habe den folgenden HTML-Code mit CSS: grid<divid="grid"><divclass="main-item">Main</div></div>#grid{display:grid;grid-template-columns:repeat( 5, auto);text-align:center;}#grid>*{bo

P粉492959599 2023-09-15 16:01:55 0  1  455

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

Benutzerdefiniertes Layout mit CSS Grid: Ausrichtung auf bestimmte Elemente

Ich muss dieses Design mit einem CSS-Raster reproduzieren und habe versucht, bestimmte Rasterelemente zu positionieren, um das Ergebnis zu erhalten, aber ohne Erfolg. Das ist es, was ich derzeit habe. Ich muss ein paar Dinge reparieren, aber vorher möchte ich die Struktur richtig hinbekommen. Im Anh...

P粉144705065 2024-03-28 11:25:39 0  1  286

Warum kann ich im LAN nicht auf die Webseite zugreifen?

Die Webseite ist eine statische Webseite. Nachdem sie gemäß der Anleitung eingerichtet wurde, können andere Computer im LAN nicht darauf zugreifen.

玛雅婚纱婚庆阿科 （财务） 2021-01-10 11:33:29 0  1  1225

Wie zentriere ich die letzte Elementreihe in einem Raster mit Tailwind CSS?

Ich habe Probleme, Tailwind (mit React) zu verwenden, um mein endgültiges Projekt in einem Rasterlayout auszurichten. Grundsätzlich möchte ich 3 Elemente und wenn keine 3 Elemente übrig sind, also 2 oder 1, möchte ich, dass sie zentriert sind. Ich habe es mit einer Art Colspan versucht, aber es hat ...

P粉311563823 2023-08-28 20:06:09 0  1  465

Auf einer LAN-Website kann das Intranetgerät keine Verbindung zur Webseite herstellen?

Hallo zusammen, warum kann meine lokale Website und mein Intranet-Gerät keine Verbindung zur Webseite herstellen? Können Sie mir bitte einen Rat geben?

phpcn_u70761 2017-12-06 16:44:32 0  5  1881

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

Erstellen dieses speziellen Designs mithilfe eines Rasters: eine Schritt-für-Schritt-Anleitung

Ich versuche, ein Layout zu erstellen, das diesem Bild ähnelt. Ich habe versucht, dieses Raster zu verwenden, schaffe es aber nicht. <ulclass="container"><liclass="first"></li><liclass="second"></li><liclass="third"></li

P粉662361740 2024-04-06 20:29:08 0  2  831

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