Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2024-07-18 22:12:03687parcourir

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;
}

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!

Déclaration:
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