Cellules carrées de disposition de grille CSS

Je souhaite créer une vue de type tableau de bord en utilisant CSSGrid-Layout comme base. Je veux 16 colonnes réparties sur toute la longueur de l'écran (doivent être réactives). La hauteur de la cellule doit ensuite être déterminée par la largeur de la cellule pour faire de la cellule un carré. Le ...

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

Disposition de la grille CSS, ajoutant automatiquement des lignes et définissant la largeur des colonnes sur la largeur maximale des éléments de la grille

Je veux une disposition en grille avec un nombre quelconque d'éléments de grille, et lorsqu'un élément de grille est rempli, il crée automatiquement une nouvelle ligne, un peu comme : #grid{display:grid;width:256px;border:1pxsolidblack ;grid-gap:12px ;grid-template-columns:repeat(auto-fit,minmax(75p...

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

Disposition de grille adaptative dans la liste de projets Vuetify

J'ai rencontré un problème qui semble courant, mais je peux le surmonter. J'ai une requête API qui renvoie une liste d'objets. Je souhaite afficher ma page sous forme d'une grille de cartes remplies de contenu. Je veux que la grille ait 5 colonnes et que le nombre de lignes s'adapte au nombre d'élém...

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

protocole de boîte en grille en CSS

Je veux que les deux premières cases montent avec une largeur maximale et que la deuxième case descende avec une largeur maximale, voici le code. Voici le code CSS : /*StartServices*/.services{padding-top:var(--section-pading);padding-bottom:var(--section-pading);}@media(min-widht:768px) { .services...

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

Mélanger la mise en page automatique de la grille avec des positions de colonnes et de colonnes fixes

J'ai le code HTML suivant avec grille CSS<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  471

Éléments de grille qui limitent l'expansion du contenu

TL;DR : Existe-t-il une propriété similaire à table-layout:fixed pour la disposition de la grille CSS ? J'essaie de créer un calendrier annuel avec une grande grille 4x3 pour les mois et une grille 7x6 imbriquée à l'intérieur pour les dates. Le calendrier doit remplir toute la page, de sorte que la ...

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

Comment centrer la dernière ligne d'éléments dans une grille à l'aide de Tailwind CSS ?

J'ai du mal à essayer d'utiliser Tailwind (en utilisant React) pour aligner mon projet final dans une disposition en grille. En gros, je veux 3 éléments et s'il n'en reste plus 3, c'est-à-dire 2 ou 1, je veux qu'ils soient centrés. J'ai essayé une sorte de colspan mais cela n'a pas fonctionné comme ...

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

CSS peut-il afficher des lignes de quadrillage ?

J'ai commencé à apprendre la disposition des grilles CSS. Dans un monde idéal, je serais capable de créer un div avec plusieurs zones de grille et de placer mes éléments exactement à l'intérieur, en fournissant des superpositions si nécessaire (un peu comme si j'utilisais le bâton sur la grille dans...

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

css - Comment la disposition en grille dans ionic permet-elle de centrer verticalement le contenu de chaque colonne avec un contenu de texte variable?

Chaque colonne de données est générée par parcours angulaire, comme indiqué ci-dessous : Étant donné que le texte du nom à gauche est légèrement différent, les données à droite seront affichées vers le haut. J'ai essayé display: vertical-align: middle; , mais cela n'a aucun effet, j'ai aussi essayé ...

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

Implémentez une disposition en grille avec 3 colonnes avec un élément couvrant toute la hauteur de la première colonne

Je souhaite compenser le contenu d'une colonne en CSS. Je pense que c'est aussi simple que de faire ce qui suit. Maintenant, cela décale le haut, mais cela fait que la deuxième colonne correspond à la hauteur de la première colonne (y compris les marges). Sinon, comment puis-je décaler la première c...

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

Disposition de la grille CSS : alignez la ligne de base des éléments qui s'étendent sur plusieurs lignes sur la ligne inférieure des autres colonnes.

#grid{display:grid;grid-template-columns:1fr1fr;align-items:baseline;}#a{grid-row:1/span2;grid-column:1;padding:8px; arrière-plan : rouge ;}#b{ligne-grille :1;colonne-grille:2;arrière-plan :jaune;}#c{ligne-grille

P粉032649413 2023-08-02 15:26:53 0  2  443

Méthodes de résolution du problème 2003 (HY000) : Impossible de se connecter au serveur MySQL 'db_mysql:3306' (111)

J'ai récemment essayé de conteneuriser mon serveur FastAPIPython (également à des fins de réplication/doublement). Avant, je n'avais qu'un serveur MySQL dans un conteneur Docker et tout allait bien, mais lorsque j'ai également fait de mon serveur Web un service, il ne pouvait pas se connecter au ser...

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

Expérimentez le tri après la limite de requête

C'est donc ma première question ici, pardonnez-moi si quelque chose ne va pas. J'essaie de faire une requête de tri basée sur des contraintes. Il existe donc une table Clients avec 90 enregistrements. Je souhaite d'abord effectuer une requête limitée à 3 enregistrements, puis trier les résultats de ...

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

Grille CSS : créer une nouvelle ligne lorsque le contenu enfant dépasse la largeur de la colonne

J'ai une disposition à deux colonnes basée sur une grille CSS. Lorsque le contenu de la deuxième colonne dépasse 1fr je souhaite créer une nouvelle ligne. Dans l’état actuel des choses, le contenu déborde simplement de la colonne. Une exigence de cette disposition est que les éléments de la colonne ...

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

Fonctionnalité de recherche en texte intégral PHP utilisant les opérateurs AND, OR et NOT

Question de débutant : j'essaie d'implémenter une recherche en texte intégral sur une chaîne de recherche en utilisant php et eloquent. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

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

Le moyen le plus court de convertir tous les types PHP en chaîne

J'écris un système général qui, j'espère, pourra un jour être appliqué à des domaines comme la médecine (c'est-à-dire qu'il est « scientifique »). Je pense que la meilleure façon est de représenter toutes les données en php avec des chaînes (true sera "true", false sera "false" e...

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

Comment obtenir la moyenne de la colonne DATETIME dans MySQL tout en regroupant par d'autres colonnes

Je crée et remplis une table MySQL à l'aide de la requête suivante : 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

Synchronisation multi-appareils (téléphone mobile) - React Native

J'essaie de créer un Lightshow qui se lancera sur les appareils mobiles de tous les utilisateurs en même temps (peut avoir jusqu'à 2 000 à 3 000 utilisateurs). Tous les utilisateurs utiliseront Internet (Wi-Fi ou données mobiles). Dans notre FE, nous utilisons Apollo pour les abonnements et cela fon...

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