Conseils concernant les outils de développement: inspecter la grille CSS
bookmark_borderbookmark
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sofia Emelianova
Les outils pour les développeurs Chrome rendent le débogage des mises en page de grille CSS intuitif grâce à diverses options de visualisation.
Regardez la vidéo pour découvrir comment activer la superposition de la grille dans le panneau Éléments et l'utiliser pour:
Visualisez et inspectez les mises en page en grille.
Consultez les numéros de ligne et de colonne auxquels vous pouvez vous référer lorsque vous placez des éléments de grille.
Utilisez des noms de lignes et de zones, et affichez-les sur la superposition si vous avez de nombreux éléments de grille et que les chiffres sont difficiles à comprendre.
Vérifiez les tailles des pistes.
De plus, avec l'éditeur de grille dans le volet Éléments > Styles, vous pouvez aligner les éléments et leur contenu dans une mise en page en grille en cliquant sur un bouton au lieu de saisir des règles CSS.
Pour une expérience d'apprentissage plus pratique, suivez le tutoriel Inspecter la grille CSS.
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 2022/08/18 (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 2022/08/18 (UTC)."],[],[]]