La propriété align-content pour les mises en page de blocs fait désormais partie de la ligne de référence
bookmark_borderbookmark
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Rachel Andrew
Vous pouvez désormais utiliser la propriété align-content de CSS "Alignment" pour les mises en page de blocs et de table. Cela permet un alignement de la direction des blocs sans avoir à créer une mise en page flexible ou de grille.
Navigateurs pris en charge
123
123
125
17,4
La tâche auparavant impossible de centrer un élément verticalement a été facilitée par Flexbox et la grille, ainsi que la propriété align-content. Cependant, cela impliquait la création d'une mise en page flexible ou de grille pour la seule raison d'effectuer cet alignement.
La propriété a été spécifiée pour une mise en page en blocs, et au cours des derniers mois, les trois principaux moteurs ont lancé cette fonctionnalité.
Avec align-content disponible pour la mise en page de blocs, vous pouvez obtenir un alignement vertical sans avoir à créer une mise en page flexible ou en grille pour que la propriété fonctionne. Aucune propriété supplémentaire n'est nécessaire, car l'élément reste un élément de bloc. La seule modification concerne l'alignement.
Ce contenu vous a-t-il été utile ?
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/04/17 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/04/17 (UTC)."],[],[]]