Espaciado exterior e interior

El espaciado exterior y el espaciado interior son el espacio alrededor de un elemento. El espaciado exterior (también conocido como margin) queda fuera de los bordes del elemento; el espaciado interior (también conocido como padding) queda dentro de esos bordes. Al ajustar ambos, cambias la posición y el aspecto del elemento, y tu sitio se ve más cuidado y profesional.

Para ajustar el espaciado exterior e interior alrededor de un elemento:

1. Haz clic en el elemento para abrir el menú flotante y luego en la opción para editar el diseño.
2. Haz clic en Espaciado.
3. Para cambiar el espaciado exterior (margin), haz clic en los números del cuadro exterior y edítalos. También puedes hacer clic en uno de estos números y usar el control deslizante para ajustar el tamaño.
4. Para cambiar el espaciado interior (padding), haz clic en los números del cuadro interior y edítalos. También puedes hacer clic en uno de estos números y usar el control deslizante para ajustar el tamaño.
5. Si usas Editor 2.0: haz clic en los cuadros correspondientes para editar los valores de margin y padding. Los valores horizontales de margin y padding están vinculados: si cambias uno, el otro se actualiza automáticamente. Puedes desvincularlos haciendo clic en el icono de enlace.

Nota: Si ves espacios extraños que no puedes quitar, revisa todas las partes del widget, incluida la columna en la que se encuentra.

Opciones de unidad de tamaño en Flex mode y Editor 2.0

En Flex mode y en Editor 2.0 hay unidades de medida adicionales:

• px (píxeles). Una unidad de medida fija que no depende del tamaño del dispositivo.
• % (porcentaje). Una unidad flexible que escala los elementos de forma proporcional al tamaño de su contenedor.
• vh (alto del viewport). Escala los elementos de forma dinámica en relación con el alto de la pantalla (viewport).
• vw (ancho del viewport). Ajusta los elementos de forma dinámica según el ancho de la pantalla (viewport), lo que garantiza un escalado proporcional en distintos dispositivos.
• A (auto). Deja que el navegador calcule el margin automáticamente.

Nota: Para más información, consulta "Size Units".

Para cambiar la unidad de tamaño:

1. Abre el panel de diseño de un elemento.
2. Ve a la sección Espaciado.
3. Haz clic en uno de los cuadros.
4. Haz clic en la unidad de tamaño actual.
5. Haz clic en la unidad de tamaño que quieras.