Allineamento
Allinea più elementi
In Flex, puoi risparmiare tempo allineando contemporaneamente più elementi all'interno della stessa sezione, colonna o flexbox.
Per allineare più elementi:
- Seleziona la sezione, la colonna o il flexbox e fai clic sull'icona di allineamento (
) nel menu mobile. - Seleziona 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:
- Fai clic con il pulsante destro del mouse sulla sezione, colonna o flexbox desiderata e seleziona Modifica schema .
- Nella sezione Layout del pannello di progettazione, sotto Allinea elementi , seleziona l'allineamento verticale e orizzontale desiderato per il contenuto.
Nota:
Quando si allinea il testo dal menu mobile o dal pannello di progettazione, vengono allineati sia il testo che il tag div.
Allinea un singolo elemento
Sebbene sia possibile allineare più elementi contemporaneamente, a volte è necessario modificare l'allineamento di un solo elemento all'interno di una colonna flessibile senza influenzare gli altri elementi.
Per allineare un singolo elemento:
- Seleziona l'elemento desiderato.
- Nel menu mobile, fai clic sull'icona di allineamento ( ) e seleziona l'allineamento desiderato. In alternativa, fai clic con il pulsante destro del mouse sull'elemento e seleziona Modifica progetto . Si aprirà il pannello di progettazione in cui potrai selezionare l'allineamento dalla sezione Allinea.
Spaziatura
Spaziatura tra gli elementi
È possibile impostare la quantità di spazio orizzontale o verticale tra le colonne all'interno della stessa sezione flex o tra i widget all'interno di una colonna, di un flexbox o di una 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 schema .
- Nella sezione Spaziatura del pannello di progettazione, sotto Spaziatura tra gli elementi , digita o utilizza il cursore per impostare il valore percentuale dello spazio orizzontale o il valore in pixel dello spazio verticale che desideri tra gli elementi nel campo Spaziatura tra gli elementi .
Nota:
È possibile reimpostare la spaziatura sia per le sezioni che per le colonne facendo clic sull'icona "Reimposta spaziatura" nel menu mobile.