La spaziatura esterna e la spaziatura interna sono lo spazio attorno a un elemento. La spaziatura esterna è nota anche come margine ed è lo spazio esterno ai bordi dell'elemento. La spaziatura interna è anche nota come spaziatura interna ed è lo spazio all'interno di questi bordi. Quando regolate la spaziatura esterna e la spaziatura interna di un elemento, ne modificate la posizione e l'aspetto. Questo può rendere il tuo sito più personalizzato e professionale
Per regolare la spaziatura esterna e interna attorno a un elemento:
-
Fare clic Spaziatura .
-
Per modificare la spaziatura esterna (margine), fai clic e modifica i numeri nella casella esterna. Puoi anche fare clic su uno di questi numeri e utilizzare il cursore per regolare le dimensioni
-
Per modificare la spaziatura interna (padding), fate clic e modificate i numeri nella casella interna. Puoi anche fare clic su uno di questi numeri e utilizzare il cursore per regolare le dimensioni
-
Se stai usando Editor 2.0: Fate clic nelle rispettive caselle per modificare i valori di margine e spaziatura interna. I valori del margine orizzontale e della spaziatura interna sono collegati. Se ne modifichi uno, l'altro verrà aggiornato automaticamente. Possono essere scollegati facendo clic sull'icona del collegamento
Nota
Se vedi spazi strani che non puoi rimuovere, assicurati di controllare tutte le parti del widget, inclusa la colonna in cui si trova.
Per gli elementi all'interno di una colonna o di una colonna interna, puoi regolare rapidamente il margine dell'elemento trascinando i bordi dell'elemento sull'area di disegno nella stessa direzione della colonna. Ciò significa che i margini sinistro e destro possono essere regolati in colonne orizzontali e i margini superiore e inferiore possono essere regolati
Considerazioni
-
Quando si regolano i margini in linea direttamente dalla tela, i margini verranno scollegati. Quando si regolano i margini dal pannello Design, i margini sono collegati, il che significa che se ne modifichi uno, l'altro margine si
-
Quando si regolano i margini in linea, verrà mantenuta la stessa unità di dimensione (px,%, vh, vw) impostata nel pannello di progettazione a meno che il valore non sia 0, nel qual caso verrà ripristinato a px.
In modalità flex e Editor 2.0, sono disponibili opzioni di misurazione aggiuntive:
-
px (pixel). Fornisce un'unità di misura fissa che non è influenzata dalle variazioni delle dimensioni del dispositivo
-
% (percentuale). Un'unità versatile che ridimensiona gli elementi in modo proporzionale in base alle dimensioni del contenitore
-
vh (altezza della finestra). Ridimensiona dinamicamente gli elementi in relazione all'altezza dello schermo (
-
vw (larghezza della finestra). Regola dinamicamente gli elementi in base alla larghezza dello schermo (viewport), garantendo un ridimensionamento proporzionale
-
A (automatico). Consente al browser di calcolare automaticamente il margine.
Nota
Per informazioni dettagliate, vedere Unità di dimensione.
Per modificare l'unità di misura: