Sitio web avanzado: Alineación y espaciado flexibles

En Flex, puedes ahorrar tiempo alineando varios elementos dentro de la misma sección, columna o flexbox al mismo tiempo.

Para alinear varios elementos:

1. Selecciona la sección, columna o cuadro flexible y haz clic en el ícono de alineación ( ) en el menú flotante.
2. Selecciona la alineación deseada.

El panel de diseño ofrece opciones de alineación adicionales, como cambiar la dirección del diseño automático, estirar y más.

Para alinear varios elementos desde el panel de diseño:

1. Haz clic con el botón derecho en la sección, columna o cuadro flexible que desees y selecciona Editar diseño .
2. En la sección Diseño del panel de diseño, en Alinear elementos , selecciona la alineación de contenido vertical y horizontal deseada.

Si bien es posible alinear varios elementos a la vez, a veces solo es necesario cambiar la alineación de un elemento dentro de una columna flexible sin afectar a los otros elementos.

Para alinear un solo elemento:

1. Selecciona el elemento deseado.
2. En el menú flotante, haz clic en el icono de alineación ( ) y selecciona la alineación deseada. O bien, haz clic derecho en el elemento y selecciona Editar diseño . Esto abre el panel de diseño, donde puedes seleccionar la alineación en la sección Alinear.

Puedes configurar la cantidad de espacio horizontal o vertical entre columnas dentro de la misma sección flexible o widgets dentro de una columna, flexbox o cuadrícula avanzada.

Para establecer el espaciado entre elementos:

1. Haz clic con el botón derecho en la sección, columna, cuadro flexible o cuadrícula avanzada que desees y selecciona Editar diseño .
2. En la sección Espaciado del panel de diseño, en Espaciado entre elementos , escribe o usa el control deslizante para establecer el valor porcentual del espacio horizontal o el valor en píxeles del espacio vertical que deseas que exista entre los elementos en el campo Espaciado entre elementos .