GeeksforGeeks (Italiano)

Spaziatura può essere aggiunto utilizzando HTML e CSS da 3 approcci:

Metodo 1: Utilizzando i caratteri speciali designati per spazi diversi

Il  entità carattere utilizzato per indicare uno spazio non-rottura che è uno spazio fisso. Questo può essere percepito come il doppio dello spazio di uno spazio normale. Viene utilizzato per creare uno spazio in una riga che non può essere interrotto a capo automatico.,

Il & ensp; entità carattere utilizzato per indicare uno spazio ‘ en ‘ che significa dimensione mezzo punto del carattere corrente. Questo può essere percepito come il doppio dello spazio di uno spazio normale.

Il & emsp; entità carattere utilizzato per indicare uno spazio ’em’ che significa uguale alla dimensione del punto del carattere corrente. Questo può essere percepito come quattro volte lo spazio di uno spazio normale.,

Sintassi:

Regular space:  Two spaces gap:  Four spaces gap:  

Esempio:

Nel codice sopra il normale spazio e spazio due e quattro spazi vuoti codice non è visibile, così qui è come appare,

Output:

Metodo 2: utilizzare la scheda di proprietà di dimensione per impostare la spaziatura tra i caratteri di tabulazione

La scheda dimensioni di una proprietà CSS è impostato il numero di spazi per ogni scheda il carattere di visualizzazione., La modifica di questo valore consente di inserire la quantità necessaria di spazio su un carattere di scheda. Questo metodo tuttavia funziona solo con testo preformattato (utilizzando i tag<pre>).

Il carattere tab può essere inserito tenendo premuto Alt e premendo 0 e 9 insieme.,

Sintassi:

.tab { tab-size: 2; }

Esempio:

Uscita:

Metodo 3: La creazione di una nuova classe per la spaziatura utilizzando i CSS

Una nuova classe può essere creato, che dà una certa quantità di spazio utilizzando il margine sinistro di proprietà. La quantità di spazio può essere data dal numero di pixel specificati in questa proprietà.

La proprietà display è anche impostata su ‘inline-block’ in modo che non venga aggiunta alcuna interruzione di riga dopo l’elemento. Ciò consente allo spazio di sedersi accanto al testo e ad altri elementi.,

Syntax:

.tab { display: inline-block; margin-left: 40px;}

Example:

Output: