Saltar al contenido principal

Website Builder Support

Centro de ayuda

¿Cómo podemos ayudarle?

Búsqueda

Espaciado exterior e interior

  • Actualización

El espaciado exterior y el espaciado interior son el espacio alrededor de un elemento. El espaciado exterior también se conoce como margen y es el espacio situado fuera de los bordes del elemento. El espaciado interior también se conoce como relleno y es el espacio que se encuentra dentro de estos bordes. Al ajustar el espaciado exterior e interior de un elemento, cambias su ubicación y apariencia. Esto puede hacer que tu sitio tenga un aspecto más personalizado y profesional.

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

  1. Haga clic en el elemento para abrir el menú flotante y, a continuación, haga clic en la opción para editar el diseño.

  2. Haga clic Espaciado .

  3. Para cambiar el espaciado exterior (margen), haga clic en los números del cuadro exterior y edítelos. También puedes hacer clic en uno de estos números y usar el control deslizante para ajustar el tamaño

    white box with fields on each side to set pixels. Inside the white box is another grey box with fields on each side to set pixels.

  4. Para cambiar el espaciado interior (relleno), haga clic en los números del cuadro interior y edítelos. También puedes hacer clic en uno de estos números y usar el control deslizante para ajustar el tamaño

    white box with fields on each side to set pixels. Inside the white box is another grey box with fields on each side to set pixels.

  5. Si utiliza el Editor 2.0: Haga clic en las casillas correspondientes para editar los valores de margen y relleno. Los valores del margen horizontal y del relleno están vinculados. Si cambias uno, el otro se actualizará automáticamente. Se pueden desvincular haciendo clic en el icono de enlace

    white box with fields on each side to set pixels. Inside the white box is another grey box with fields on each side to set pixels. In the middle is a lock icon.

Nota

Si ves espacios impares que no puedes eliminar, asegúrate de revisar todas las partes del widget, incluida la columna en la que se encuentra.

Modo Flex y Editor 2.0 Opciones de unidad de tamaño

En el modo flex y el Editor 2.0, hay opciones de medición adicionales:

  • px (píxeles). Proporciona una unidad de medida fija que no se ve afectada por las variaciones del tamaño del dispositivo

  • % (porcentaje). Una unidad versátil que escala los elementos proporcionalmente en función del tamaño de su contenedor

  • vh (altura de la ventana gráfica). Escala dinámicamente los elementos en relación con la altura de la pantalla (ventana gráfica)

  • vw (ancho de la ventana gráfica). Ajusta los elementos de forma dinámica en función del ancho de la pantalla (ventana gráfica), lo que garantiza un escalado proporcional en

  • A (automático). Permite que el navegador calcule automáticamente el margen.

Nota

Para obtener información detallada, consulte Unidades de tamaño.

Para cambiar la unidad de tamaño:

  1. Abra el panel de diseño de un elemento.

  2. Navegue hasta el Espaciado sección.

  3. Haga clic en una de las casillas.

  4. Haga clic en la unidad de tamaño actual.

  5. Haga clic en la unidad de tamaño deseada.

    margins.png