Alinhamento
Alinhe vários elementos
O Flex poupa seu tempo, pois alinha vários elementos na mesma seção, coluna ou flexbox ao mesmo tempo.
Para alinhar vários elementos:
- Selecione a seção, coluna ou flexbox e clique no ícone de alinhamento (
) no menu flutuante.
- 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:
- Clique com o botão direito do mouse na seção, coluna ou flexbox desejada e selecione Editar design.
- 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:
- Selecione o elemento desejado.
- 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:
- Clique com o botão direito do mouse na seção, coluna, flexbox ou grade avançada desejada e selecione Editar design.
- 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.