Demanderrecherche_Site Web PHP chinois

communauté Apprendre Bibliothèque d'outils Loisirs

Français

Recherches populaires：
PHP
MySQL
jquery
HTML
CSS

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

É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

Pourquoi un enfant de grille avec une largeur fixe et une largeur maximale de 90 % déborde-t-il de la piste de la grille ?

Question : Ma question est très simple, je veux savoir pourquoi l'élément .header déborde de sa grille lorsqu'il atteint la largeur de la fenêtre d'affichage de 1 500 pixels. Code : *{box-sizing:border-box;padding:0;margin:0;}body{background:#6e28d9;color:white;}.container{display:grid;grid-template...

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

Grille CSS avec des lignes inégales (style Pinterest)

J'essaie de créer une grille de liens à 3 colonnes et plusieurs lignes (img + texte). Le problème est que mes images n'ont pas la même hauteur, j'obtiens donc un résultat comme celui-ci : j'essaie de trouver quelles propriétés de grille CSS sont nécessaires pour obtenir un résultat comme celui-ci. J...

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

Impossible de créer une zone de grille réactive à l'aide de l'image SVG

Lorsque j'essaie de créer une zone de grille réactive contenant une image svg, je rencontre un comportement étrange, tel que des largeurs de zone de grille arbitraires, et je ne parviens pas à faire agrandir ou réduire l'image jusqu'à un certain point sans m'arrêter. Le plus proche que j'ai obtenu é...

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

Centrer le contenu des cellules de la grille

Je souhaite centrer le contenu à l'intérieur d'un élément de grille, centré horizontalement mais pas verticalement. Vue sur JSfiddle : http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;}. {affichage :f

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

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

Pourquoi l'affichage de la grille à l'aide d'une zone de modèle de grille ne fonctionne-t-il pas ?

J'essaie de réaliser la disposition des éléments via la zone de modèle de grille, mais cela ne fonctionne pas. J'essaie d'utiliser un système de grille pour disposer les blocs verticalement et horizontalement. Utilisez l’image de gauche et le texte de l’autre côté. Pourquoi ce code ne fonctionne-t-i...

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

Comment placer des éléments de grille à la fin d'un conteneur

J'ai un conteneur en grille et je veux que mes éléments soient en bas. J'ai cette attente réelle que je veux comme this.container{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(6,1fr);grid-gap:8px width; :200px;arrière-plan:bleu;}.item{couleur-arrière-plan:rouge;c

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

Comment puis-je implémenter un système de grille dans mes divs à l'aide de CSS Grid ?

Je souhaite créer un div avec 2 colonnes, lorsque j'ajoute un élément dans le div parent, il doit être dans la première colonne et lorsque la première colonne contient 3 éléments et que je souhaite ajouter d'autres éléments, il doit être dans la deuxième colonne. C'est l'image que je recherche : Je ...

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

Comment aligner correctement les éléments de la grille

J'ai un nombre fixe de colonnes dans une disposition CSSGrid et j'ai des éléments à placer dans ces colonnes. Le nombre d'éléments à placer est inférieur au nombre de colonnes. Je souhaite que les colonnes soient alignées à droite, dans l'ordre dans lequel les éléments ont été ajoutés. Dans le code ...

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

Grid-template-rows: Repeat(auto-fill, 80px) peut-il être utilisé de manière interchangeable avec grid-auto-rows: 80px ?

Je souhaite que la grille ajoute plus de lignes si nécessaire lors de l'ajout de contenu dynamique. Cela fera l'affaire : .grid{display:grid;grid-template-rows:80px;grid-auto-rows:80px;//grid-template-rows:repeat(auto-fill,80px);grid-template- colonnes:répéter(auto-fit,minmax(340px,1fr));grid-

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

Recadrez et déplacez les images. disposition de la grille

J'ai du mal à placer l'image dans la bonne position et à la recadrer en haut et en bas. Voici à quoi cela devrait ressembler (partie héros) : https://www.behance.net/gallery/161732057/CozyMornings-online-store L'ensemble du projet est construit sur une grille. J'ai besoin d'une image circulaire dépl...

P粉548512637 2023-09-15 19:18:46

Les éléments de navigation ne sont pas affectés par l'affichage : grille

J'ai quelques éléments ulli dans une barre de navigation définie sur l'affichage en grille, mais cela ne fonctionne pas comme je m'y attendais. L'élément li apparaît comme si aucune grille n'était appliquée. Voici le code : *{padding:0;margin:0;}.grid-container{display:inline-grid;grid-auto-columns:...

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

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

Div faire pivoter et développer à l'aide de JavaScript pour afficher la galerie de grilles

Je veux qu'un div pivote en cliquant pour afficher la galerie de grilles au dos. Honnêtement, je ne sais pas par où commencer. <ulclass="container-fluidtext-centerrow"id="gallery2"><liclass="col-12col-sm-4col-md-12text-center"><imgsrc=&quot

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

Les colonnes du modèle de grille n'alignent pas les éléments sur les lignes

Je suis nouveau sur HTML et CSS et j'essaie de créer une barre de navigation en utilisant grille-modèle-colonne. Mon idée est de diviser la barre de navigation en 3 parties : une partie logo, une partie page d'accueil du site et une partie liens sociaux. Le problème est que les éléments à l'intérieu...

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

Je n'arrive pas à configurer la structure de grille d'un tableau de bord créé avec Tailwind CSS

J'écris une interface de tableau de bord en utilisant TailwindCSS. J'ai créé une structure de grille de la page et y ai placé mes composants. Cependant, toutes les colonnes sont égales en largeur et en longueur. Certains composants doivent généralement paraître plus larges, donc certains des composa...

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

Comment animer l'expansion de la disposition de la grille ?

Je veux savoir comment animer l'expansion d'une disposition en grille. Comme vous pouvez le voir dans le code, j'ai 4 divs. Deux d'entre eux seront affichés et les deux autres ne seront affichés que lorsque la case est cochée. Lorsque la case est cochée, une autre ligne sera ajoutée contenant div3 e...

P粉937382230 2023-08-31 21:09:37

Styles CSS de l'interface utilisateur des matériaux angulaires personnalisés

Je souhaite utiliser les tuiles de grille de tapis collées en dessous et les tuiles routées comme contenu des tuiles de grille de tapis normales. Le problème est que lorsque j'utilise les dalles en grille, le motif sous-jacent apparaît au centre et la façon dont le fond est remarqué. Après avoir été...

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