Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:diseno_web:css:flexbox [2024/03/04 12:23] – creado tempwin
+++ informatica:diseno_web:css:flexbox [2024/03/04 12:52] (actual) – [aling-items] tempwin
@@ Línea 30: / Línea 30: @@
     * ''flex-shrink: 1''
     * ''flex-basis: 100px''
+==== justify-content ====
+Para el posicionamiento y distribución de los elementos usamos la propiedad ''justify-content''.
+Si queremos agrupar:
+    * ''flex-start''
+    * ''flex-end''
+    * ''center''
+Si queremos añadir espacio entre los elementos:
+    * ''space-between''
+    * ''space-around''
+    * ''space-evenly''
+==== align-items ====
+Se comporta como ''justify-content'', pero para el eje transversal en lugar del longitudinal.
+Valores:
+  * ''stretch'' (por defecto)
+  * ''flex-start''
+  * ''baseline''
+  * ''center''
+==== align-content ====