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

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

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

Box-Protokoll im Rasterlayout in CSS

Ich möchte, dass die ersten beiden Kästchen mit maximaler Breite nach oben und das zweite Kästchen mit maximaler Breite nach unten gehen. Hier ist der Code. Dies ist der CSS-Code: /*StartServices*/.services{padding-top:var(--section-pading);padding-bottom:var(--section-pading);}@media(min-widht:768p...

P粉334721359 2024-04-03 16:36:04 0  2  540

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

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

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

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

css - Wie ermöglicht das Rasterlayout in ionic, dass der Inhalt jeder Spalte mit unterschiedlichem Textinhalt vertikal zentriert wird?

Jede Datenspalte wird durch Winkeldurchquerung generiert, wie unten gezeigt: Da der Namenstext auf der linken Seite etwas anders ist, werden die Daten auf der rechten Seite nach oben angezeigt. Ich habe versucht, display: table-cell: middle; , aber es hat keine Auswirkung, ich habe auch versucht, di...

给我你的怀抱 2017-06-15 09:23:53 0  1  1417

Implementieren Sie ein Rasterlayout mit drei Spalten, wobei sich ein Element über die gesamte Höhe der ersten Spalte erstreckt

Ich möchte den Inhalt einer Spalte in CSS versetzen. Ich denke, es ist so einfach, wie folgt vorzugehen. Dadurch wird der obere Teil zwar versetzt, aber die zweite Spalte passt sich der Höhe der ersten Spalte an (einschließlich Ränder). Wie kann ich sonst die erste Spalte versetzen? https://jsbin.co...

P粉659516906 2024-04-02 09:05:41 0  1  588

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 0  2  443

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  932

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  802

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  683

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  658

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1078

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  561

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  761