Allineamento
Allineare più elementi
Su Flex è possibile risparmiare tempo allineando più elementi all'interno della stessa sezione, colonna o flexbox contemporaneamente.
Per allineare più elementi:
- Selezionare la sezione, la colonna o la flexbox e fare clic sull'icona di allineamento (
) nel menu mobile. - Selezionare l'allineamento desiderato.
Il pannello di progettazione offre opzioni di allineamento aggiuntive come la modifica della direzione del layout automatico, l'allungamento e altro ancora.
Per allineare più elementi dal pannello di progettazione:
- Fare clic con il pulsante destro del mouse sulla sezione, sulla colonna o sulla flexbox desiderata e selezionare Modifica design.
- Nella sezione Layout del pannello di progettazione, alla voce Allinea elementi, selezionare l'allineamento verticale e orizzontale del contenuto desiderato.
Quando si allinea il testo dal menu mobile o dal pannello di progettazione, viene allineato sia il testo che il tag div.
Allineare un singolo elemento
Sebbene sia possibile allineare più elementi contemporaneamente, a volte è necessario solo modificare l'allineamento di un elemento all'interno di una colonna flex senza toccare gli altri elementi.
Per allineare un singolo elemento:
- Selezionare l'elemento desiderato.
- Nel menu mobile, fare clic sull'icona di allineamento () e selezionare l'allineamento desiderato. Oppure fare clic con il pulsante destro del mouse sull'elemento e selezionare Modifica design. Si aprirà il pannello di progettazione in cui sarà possibile selezionare l'allineamento dalla sezione Allinea.
Spaziatura
Spaziatura tra elementi
È possibile impostare la quantità di spazio orizzontale o verticale tra le colonne all'interno della stessa sezione flex o widget all'interno di una colonna, flexbox o griglia avanzata.
Per impostare la spaziatura tra gli elementi:
- Fai clic con il pulsante destro del mouse sulla sezione, colonna, flexbox o griglia avanzata desiderata e seleziona Modifica design.
- Nella sezione Spaziatura del pannello di progettazione, alla voce Spaziatura tra gli elementi, digita o utilizza la barra di scorrimento per impostare il valore percentuale dello spazio orizzontale o il valore in pixel dello spazio verticale che desideri inserire tra gli elementi nel campo Spaziatura tra gli elementi.
È possibile reimpostare la spaziatura interna sia per le sezioni che per le colonne facendo clic sull'icona Reimposta spaziatura interna nel menu mobile.