Maison > interface Web > tutoriel CSS > Faire en sorte qu'un élément de grille s'étende sur toute la largeur du parent

Faire en sorte qu'un élément de grille s'étende sur toute la largeur du parent

WBOY
Libérer: 2024-07-18 22:12:03
original
705 Les gens l'ont consulté

Make a grid element span to the full width of the parent

Aucune accumulation. Allons droit au but.

Vous disposez d'un conteneur de grille, et il contient des éléments enfants divisés en autant de colonnes que vous le souhaitez. Pour l’instant, disons que le conteneur de grille comporte sept éléments et que ces éléments sont divisés en trois colonnes. Vous voulez que le septième élément occupe toute la largeur du parent.

Voici l'extrait de code.

.seven {
    grid-column: 1 / span 3;
}
Copier après la connexion

Découvrez un exemple complet ici : https://codepen.io/ccgaejza-the-selector/pen/dyELmRE

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal