Sobes.tech
Junior

¿Qué distribuciones CSS conoces?

sobes.tech AI

Respuesta de la IA

  • Flexbox: Sistema unidimensional para alinear elementos dentro de un contenedor en una sola dirección (horizontal o vertical). Ideal para componentes pequeños y para alinear elementos dentro de un bloque.
  • Grid Layout: Sistema bidimensional para construir redes complejas en la página. Permite gestionar fácilmente la colocación de elementos tanto en filas como en columnas. Perfecto para el diseño principal de la página.
  • Block Layout: Comportamiento estándar de los elementos en bloque por defecto. Los elementos ocupan todo el ancho disponible y se colocan uno debajo del otro.
  • Inline Layout: Los elementos se colocan en una sola línea, ocupando un ancho igual a su contenido.
  • Positioned Layout: Permite posicionar elementos respecto a su posición normal, elemento padre o ventana de visualización usando position (static, relative, absolute, fixed, sticky) y propiedades top, right, bottom, left.
  • Table Layout: Recrea el comportamiento de los elementos de tabla (display: table, display: table-cell, etc.). Se usa menos que Grid o Flexbox, para crear estructuras tabulares.
  • Multi-column Layout: Permite dividir el contenido de un contenedor en varias columnas, como en un periódico. Se controla con las propiedades column-count y column-width.