Alinhamento e espaçamento no DudaFlex

Alinhamento

Para saber mais sobre alinhamento, confira o seguinte vídeo: 

Alinhe vários elementos

O DudaFlex poupa seu tempo, pois alinha vários elementos na mesma seção, coluna ou flexbox ao mesmo tempo.

Para alinhar vários elementos:

1. Selecione a seção, coluna ou flexbox e clique no ícone de alinhamento () no menu flutuante.
2. Selecione o alinhamento desejado.

O painel de design oferece outras opções de alinhamento, como alterar a direção do layout automático, o alongamento e muito mais.

Para alinhar vários elementos do painel de design:

1. Clique com o botão direito do mouse na seção, coluna ou flexbox desejada e selecione Editar design.
2. Na seção "Layout" do painel de design, em Alinhar elementos, selecione o alinhamento vertical e horizontal do conteúdo desejado.

Alinhe um elemento

É possível alinhar vários elementos ao mesmo tempo, mas às vezes você só precisa alterar o alinhamento de um elemento dentro de uma coluna flex sem afetar os outros elementos.

Para alinhar um elemento:

1. Selecione o elemento desejado.
2. No menu flutuante, clique no ícone de alinhamento () e selecione o alinhamento desejado; ou clique com o botão direito do mouse no elemento e selecione Editar design. Isso abre o painel de design, onde você pode selecionar o alinhamento na seção "Alinhar".

Espaçamento

Espaçamento entre elementos

É possível fixar a quantidade de espaço horizontal ou vertical entre colunas dentro da mesma seção flex ou widgets dentro de uma coluna, flexbox ou grade avançada.

Para fixar o espaçamento entre os elementos:

1. Clique com o botão direito do mouse na seção, coluna, flexbox ou grade avançada desejada e selecione Editar design.
2. Na seção "Espaçamento" do painel de design, em Espaçamento entre elementos, digite ou use o controle para fixar o valor do espaço horizontal (em %) ou do espaço vertical (em pixels) entre os elementos no campo Espaçamento entre itens.