Alineación
Para obtener más información sobre la alineación, vea el siguiente video:
Alinear varios elementos
En DudaFlex, puede ahorrar tiempo alineando varios elementos dentro de la misma sección, columna o flexbox al mismo tiempo.
Para alinear varios elementos:
- Seleccione la sección, columna o flexbox y haga clic en el icono de alineación (
) que aparece en el menú flotante. - Seleccione 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, el estiramiento y más.
Para alinear varios elementos desde el panel de diseño:
- Haga clic con el botón derecho en la sección, columna o flexbox deseada y seleccione Editar diseño.
- En la sección Diseño del panel de diseño, en Alinear elementos, seleccione la alineación de contenido vertical y horizontal deseada.
Al alinear texto del menú flotante o del panel de diseño, se alinean tanto el texto como la etiqueta div.
Alinear un solo elemento
Aunque 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:
- Seleccione el elemento deseado.
- En el menú flotante, haga clic en el icono de alineación () y seleccione la alineación deseada. O bien, haga clic con el botón derecho en el elemento y selecciona Editar diseño. Esto abre el panel de diseño donde puede seleccionar la alineación desde la sección Alinear.
Espaciado
Espaciado entre elementos
Puede establecer la cantidad de espacio horizontal o vertical entre las columnas dentro de la misma sección flex o entre los widgets dentro de una columna, flexbox o cuadrícula avanzada.
Para establecer el espaciado entre elementos:
- Haga clic con el botón derecho en la sección, columna, flexbox o cuadrícula avanzada que desee y seleccione Editar diseño.
- En la sección Espaciado del panel de diseño, en Espaciado entre elementos, escriba o use el deslizador para establecer el valor porcentual del espacio horizontal o el valor de píxel del espacio vertical que quiera que exista entre los elementos del campo Espaciado entre elementos.
Puede restablecer el relleno tanto para las secciones como para las columnas haciendo clic en el icono Restablecer relleno que aparece en el menú flotante.