Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar la cuadrícula de CSS
bookmark_borderbookmark
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Sofia Emelianova
Las Herramientas para desarrolladores de Chrome hacen que la depuración de diseños de cuadrícula de CSS sea intuitiva con una variedad de opciones de visualización.
Mira el video para aprender a activar o desactivar la superposición de cuadrícula en el panel Elementos y usarla para lo siguiente:
Visualiza e inspecciona los diseños de cuadrícula.
Consulta los números de fila y columna a los que puedes consultar cuando coloques elementos de la cuadrícula.
Usa nombres de líneas y áreas, y míralo en la superposición si tienes muchos elementos de cuadrícula y los números son confusos.
Verifica los tamaños de los segmentos.
Además, con el Editor de cuadrícula en el panel Elementos > Estilos, puedes alinear los elementos y su contenido en un diseño de cuadrícula con un clic en un botón en lugar de escribir reglas CSS.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2022-08-18 (UTC)"],[],[]]