HTML e CSS sono due tecnologie principali per la creazione e la progettazione di pagine Web. Gli utenti possono aggiungere dati in molte forme, come linee, paragrafi, tabelle e blocchi. Per evitare il pasticcio e gestire i dati in una sequenza adeguata, CSS fornisce la struttura per aggiungere la spaziatura delle linee tra i diversi elementi HTML per l'organizzazione dei dati.

Questo post dimostra le istruzioni per l'impostazione della spaziatura della linea in CSS.

Come impostare la spaziatura della linea in CSS?

Per impostare la spaziatura della linea in CSS, aggiungeremo dati in HTML. Per fare ciò, segui le istruzioni fornite:

• Innanzitutto, aggiungi il tag di intestazione "

  "Per impostare l'intestazione.

• Quindi, menzioneremo quattro diversi esempi per l'impostazione della spaziatura della linea con i nomi "Esempio 1: 30px","Esempio 2: 50px","Esempio 3: 1 cm", E "Esempio 4: 2 cm".
• Aggiungere un ""Container in ogni intestazione e assegnare la classe ad ogni elemento Div. Ad esempio, abbiamo impostato il nome della classe come "Esempio-A","Esempio-B ", "Esempio-C", E "Esempio-D"Rispettivamente:

Come impostare la proprietà spaziale di linea in CSS

Esempio 1: 30px

Questa è la linea con lo spazio della linea specificato.>

Lo spazio di linea è impostato come 30px.

Esempio 2: 50px:

Questa è la linea con lo spazio della linea 50px specificato.>

Lo spazio di linea è impostato come 50px.

Esempio 3: 1 cm:

Questa è la linea con lo spazio della linea 1 cm specificato.>
Lo spazio della linea è impostato come 1 cm.

Esempio 4: 2 cm:

Questa è la linea con lo spazio della linea 2 cm specificato.>

Lo spazio della linea è impostato come 2 cm.

L'output del codice di menzione sopra è riportato di seguito:

Imposta la spaziatura della linea in CSS

Nel ""Tag, accedi a tutte le classi una per una come mostrato di seguito:

.Esempio-a
linea di linea: 30px;

.Esempio-B
linea di linea: 50px;

.Esempio-C
linea di linea: 1 cm;

.Esempio-d
linea di linea: 2cm;

Accedi all'elemento Div per nome di classe, come ".Esempio-A"E applicare la proprietà CSS"Line-heighT". Successivamente, imposta il valore per quella proprietà secondo la tua scelta. Applicare la stessa proprietà su tutte le classi e la rispettiva spaziatura delle linee.

Si può osservare che abbiamo impostato correttamente la spaziatura della linea in ogni esempio:

Abbiamo appreso le istruzioni per impostare lo spazio di linea in CSS.

Conclusione

Per impostare lo spazio di linea, prima, crea il semplice multiplo "div"Container. Quindi, specifica le classi per accedervi. Successivamente, nella sezione CSS, accedi al contenitore "Div" con le rispettive classi e applica il "Line-heighproprietà css. Questo blog ha dimostrato le istruzioni per l'impostazione della spaziatura della linea in CSS.