Fragensuchen_Chinesische PHP-Website

Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Beliebte Suchanfragen：
PHP
MySQL
jquery
HTML
CSS

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

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

Warum läuft ein untergeordnetes Raster mit einer festen Breite und einer maximalen Breite von 90 % über die Rasterspur hinaus?

Frage: Meine Frage ist ganz einfach: Ich möchte wissen, warum das .header-Element seine Rasterspur überläuft, wenn es die Ansichtsfensterbreite von 1500 Pixel erreicht. Code: *{box-sizing:border-box;padding:0;margin:0;}body{background:#6e28d9;color:white;}.container{display:grid;grid-template-areas:...

P粉471207302 2024-04-05 14:33:39

CSS-Raster mit ungleichmäßigen Reihen (Pinterest-Stil)

Ich versuche, ein 3-spaltiges, mehrzeiliges Linkraster zu erstellen (Bild + Text). Das Problem ist, dass meine Bilder nicht die gleiche Höhe haben, daher erhalte ich ein Ergebnis wie dieses: Ich versuche herauszufinden, welche CSS-Rastereigenschaften erforderlich sind, um ein Ergebnis wie dieses zu ...

P粉710478990 2023-09-09 14:12:15

Mit dem SVG-Bild kann kein reaktionsfähiger Rasterbereich erstellt werden

Wenn ich versuche, einen responsiven Rasterbereich zu erstellen, der ein SVG-Bild enthält, stoße ich auf seltsames Verhalten, z. B. willkürliche Breiten des Rasterbereichs und es gelingt mir nicht, das Bild ohne Unterbrechung bis zu einem bestimmten Punkt zu vergrößern oder zu verkleinern. Das nächs...

P粉022140576 2023-08-30 19:15:16

Richten Sie den Inhalt der Rasterzelle zentriert aus

Ich möchte den Inhalt innerhalb eines Rasterelements zentriert ausrichten, horizontal zentriert, aber nicht vertikal. Ansicht auf JSfiddle: http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;} {Anzeige:f

P粉060528326 2023-09-15 10:34:15

CSS-Rasterlayout: Richten Sie die Grundlinie von Elementen, die sich über mehrere Zeilen erstrecken, an der unteren Zeile anderer Spalten aus.

我想对齐目录的基线。#grid{display:grid;grid-template-columns:1fr1fr;align-items:baseline;}#a{grid-row:1/span2;grid-column:1;padding:8px; Hintergrund:rot;}#b{Gitterzeile:1;Gitterspalte:2;Hintergrund:gelb;}#c{Gitterzeile

P粉032649413 2023-08-02 15:26:53

Warum funktioniert die Anzeige des Rasters mithilfe eines Rastervorlagenbereichs nicht?

Ich versuche, die Elementanordnung über den Rastervorlagenbereich zu erreichen, aber es funktioniert nicht. Ich versuche, ein Rastersystem zu verwenden, um Blöcke vertikal und horizontal anzuordnen. Benutzen Sie das Bild links und den Text auf der anderen Seite. Warum funktioniert dieser Code nicht?...

P粉541796322 2023-09-09 16:28:13

So platzieren Sie Gitterelemente am Ende eines Containers

Ich habe einen Gitterbehälter und möchte, dass meine Artikel unten sind. Ich habe diese tatsächliche Erwartung, dass ich Folgendes möchte:container{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(6,1fr);grid-gap:8px; width :200px;background:blue;}.item{background-color:re...

P粉387108772 2023-08-28 13:48:05

Wie kann ich mithilfe von CSS Grid ein Rastersystem in meinen Divs implementieren?

Ich möchte ein Div mit zwei Spalten erstellen. Wenn ich ein Element im übergeordneten Div hinzufüge, sollte es in der ersten Spalte sein. Wenn die erste Spalte drei Elemente enthält und ich andere Elemente hinzufügen möchte, sollte es in der zweiten Spalte sein. Dies ist das Bild, das ich suche: Ich...

P粉195200437 2023-09-08 16:03:49

So richten Sie Rasterelemente richtig aus

Ich habe eine feste Anzahl von Spalten in einem CSSGrid-Layout und muss Elemente in diesen Spalten platzieren. Die Anzahl der zu platzierenden Elemente ist geringer als die Anzahl der Spalten. Ich möchte, dass die Spalten rechtsbündig ausgerichtet sind, in der Reihenfolge, in der die Elemente hinzug...

P粉296080076 2023-08-13 11:27:01

Können „grid-template-rows: Repeat(auto-fill, 80px)' austauschbar mit „grid-auto-rows: 80px' verwendet werden?

Ich möchte, dass das Raster beim Hinzufügen dynamischer Inhalte nach Bedarf weitere Zeilen hinzufügt. Dies wird den Zweck erfüllen: .grid{display:grid;grid-template-rows:80px;grid-auto-rows:80px;//grid-template-rows:repeat(auto-fill,80px);grid-template- columns:repeat(auto-fit,minmax(340px,1fr));gri...

P粉823268006 2023-09-12 21:10:45

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

Navigationselemente werden von display:grid nicht beeinflusst

Ich habe einige Ulli-Elemente in einer Navigationsleiste auf Rasteranzeige eingestellt, aber es funktioniert nicht wie erwartet. Das li-Element erscheint, als ob kein Raster angewendet würde. Dies ist der Code: *{padding:0;margin:0;}.grid-container{display:inline-grid;grid-auto-columns:autoautoautoa...

P粉295728625 2023-09-20 12:05:51

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

Die Spalten der Rastervorlage richten Elemente nicht in Zeilen aus

Ich bin neu in HTML und CSS und versuche, eine Navigationsleiste mit „Grid-Template-Column“ zu erstellen. Meine Idee ist, die Navigationsleiste in drei Teile zu unterteilen: den Logo-Teil, den Website-Homepage-Teil und den Teil mit sozialen Links. Das Problem besteht darin, dass die Elemente innerha...

P粉696605833 2024-04-03 16:58:18

Div drehen und erweitern, um mithilfe von JavaScript eine Rastergalerie anzuzeigen

Ich möchte, dass sich ein Div beim Klicken dreht, um die Rastergalerie auf der Rückseite anzuzeigen. Ich weiß ehrlich gesagt nicht, wo ich anfangen soll. <ulclass="container-fluidtext-centerrow"id="gallery2"><liclass="col-12col-sm-4col-md-12text-center"><...

P粉398117857 2024-04-02 23:12:45

Ich kann die Rasterstruktur eines mit Tailwind CSS erstellten Dashboards nicht einrichten

Ich schreibe ein Dashboard-Frontend mit TailwindCSS. Ich habe eine Rasterstruktur der Seite erstellt und meine Komponenten darin platziert. Allerdings sind alle Spalten in Breite und Länge gleich. Einige Komponenten müssen normalerweise breiter aussehen, daher stimmten einige der von mir hinzugefügt...

P粉186904731 2023-09-10 18:06:41

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

Benutzerdefinierte CSS-Stile für die Angular-Material-Benutzeroberfläche

Ich möchte die darunter geklebten Mattenrasterkacheln und die gefrästen Kacheln als Inhalt der normalen Mattenrasterkacheln verwenden. Das Problem besteht darin, dass bei der Verwendung der matten Gitterkacheln das darunter liegende Design in der Mitte zu sehen ist und die Unterseite so wahrgenommen...

P粉696146205 2023-08-02 21:58:40