CSS: La Guía Definitiva, 5ª Edición

Capítulo 12. Disposición de la cuadrícula

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

En sus inicios , CSS tenía un agujero en forma de diseño en su centro. Los diseñadores adaptaron otras características a los fines de la maquetación, sobre todo float y clear, y en general se abrieron camino alrededor de ese agujero. El diseño flexbox ayudó a rellenarlo, pero flexbox está realmente pensado para casos de uso específicos, como las barras de navegación (navbars), como se muestra en el Capítulo 11.

La disposición en cuadrícula, por el contrario, es un sistema de disposición generalizado. Con su énfasis en filas y columnas, al principio puede parecer una vuelta a la maquetación en tabla -y en ciertos aspectos no está muy lejos-, pero la maquetación en cuadrícula es mucho, mucho más que la maquetación en tabla. La cuadrícula permite que las piezas del diseño se dispongan independientemente de su orden de origen en el documento, e incluso que se superpongan piezas del diseño, si ese es tu deseo. CSS proporciona métodos poderosamente flexibles para definir patrones repetitivos de líneas de cuadrícula, adjuntar elementos a esas líneas de cuadrícula y mucho más. Puedes anidar rejillas dentro de rejillas o, para el caso, adjuntar tablas o contenedores flexbox a una rejilla. Y mucho, mucho más.

En resumen, la maquetación en cuadrícula era el sistema de maquetación que esperábamos desde hace tiempo, y en 2017 aterrizó ...