→
↗
►
↓
←
↑
Todas las actualizaciones

Enhancement

Diseño y maquetación

Ajusta el espacio entre elementos en diseños Flexbox

Ahora puedes controlar el espacio entre elementos en diseños flex exactamente igual que lo harías con CSS grid.

Ajusta el espacio entre elementos en diseños Flexbox

Hoy en día, los diseñadores tienen que añadir márgenes o rellenos adicionales al usar el diseño flex para establecer el espaciado entre elementos en el lienzo. Este proceso consume tiempo y es difícil de ajustar, ya que debes envolver y modificar el margen de cada elemento. Aunque CSS grid es una opción, puede resultar excesivo para diseños unidimensionales (1D).

Por eso nos emociona anunciar que, desde hoy, todos pueden ajustar el espacio (gap) de un diseño flex desde la sección de diseño del Designer, igual que con CSS grid.

Control the space between columns and rows in the flex layout.
Controla el espacio entre columnas y filas en el diseño flex.

Para más detalles sobre cómo aplicar fácilmente el espacio en diseños flex, consulta el nuevo artículo en Webflow University. Si necesitas repasar las similitudes y diferencias entre flexbox y CSS grid para saber qué usar y cuándo, visita nuestra página de Webflow University para un tutorial rápido.


Lanzado el
April 14, 2022
Categoría
Diseño y maquetación

Actualizaciones relacionadas

Sincroniza varias colecciones y modos de variables de Figma a Webflow

Sincroniza varias colecciones y modos de variables de Figma a Webflow

→
↗
►
↓
←
↑
Más información
Recorta el contenido largo con desbordamiento de texto

Recorta el contenido largo con desbordamiento de texto

→
↗
►
↓
←
↑
Más información
Estilos de decoración de texto

Estilos de decoración de texto

→
↗
►
↓
←
↑
Más información
Nuevos tipos de variables: Número y Porcentaje

Nuevos tipos de variables: Número y Porcentaje

→
↗
►
↓
←
↑
Más información
Ya están disponibles las variantes de estilo para componentes

Ya están disponibles las variantes de estilo para componentes

→
↗
►
↓
←
↑
Más información
Gestiona variables a gran escala con acciones en lote y reordenación.

Gestiona variables a gran escala con acciones en lote y reordenación.

→
↗
►
↓
←
↑
Más información

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.