Crea pause di linea senza dover usare BR in HTML

Esistono diversi tag in HTML che forniscono particolari funzionalità alle pagine Web. Questi tag sono di due tipi: tag del contenitore e tag vuoti. I tag del contenitore sono costituiti da un tag iniziale e un tag di fine, mentre i tag vuoti sono costituiti solo dal tag iniziale. Più specificamente, il "
"Il tag è uno di questi. È un tag vuoto che crea una rottura di riga in HTML. Anche se, ci sono vari altri metodi per creare una rottura di linea invece di usare questo "
"Tag.

Questo post ti istruirà:

• Come creare una rottura di riga utilizzando il CSS "whitepace = pre" proprietà?
• Come creare una rottura di riga utilizzando il CSS "Display = blocco" proprietà?

Come creare una rottura di linea utilizzando la proprietà CSS "Spazio bianco: pre"?

IL "spazio bianco"La proprietà CSS aiuta a controllare gli spazi bianchi all'interno degli elementi. IL "pre"Il valore visualizza il testo avvolto nelle interruzioni di riga.

Diamo un'occhiata all'esempio di seguito per la dimostrazione.

Esempio

In HTML, aggiungi un ""Elemento associato al"stile"Attributo con il CSS"spazio bianco: pre" proprietà:

Linuxhint
Linuxhint

Produzione

Come creare un'interruzione di riga utilizzando la proprietà CSS "Display = Block"?

Il CSS "Schermo"La proprietà imposta il comportamento del display dell'elemento. Inoltre, è "bloccare"Il valore imposta la larghezza dell'elemento al 100%.

Esempio

Dai un'occhiata all'esempio seguente:

• In HTML, aggiungi il "

  "Elemento.

• Dentro il "

  "Elemento, includono due"arco"Elementi con alcuni contenuti di testo:

> Linuxhint
> Linuxhint

Produzione

Nota che il ""È un elemento in linea, quindi entrambi verranno visualizzati su una riga. Per visualizzare ciascuno di essi su una riga (larghezza completa), è necessario impostare "Schermo"Proprietà dell'elemento" "come"bloccare".

Elemento "span" di stile

p span
blocco di visualizzazione;
Testo-align: centro;

IL "p span"Si riferisce all'elemento" "con genitore"

". Questo elemento è disegnato usando le seguenti proprietà:

• "Schermo"La proprietà definisce il comportamento di visualizzazione dell'elemento, mentre il"bloccare"Il valore rende tutta la larghezza dell'elemento.
• "allineamento"Definisce l'allineamento del testo come"centro".

Produzione

Si trattava di creare pause di linea senza usare "
"In HTML.

Conclusione

In HTML, il "
"Il tag viene utilizzato per aggiungere un'interruzione di riga in un documento. Tuttavia, le interruzioni di linea possono essere aggiunte senza usare "
"Tag. A tale scopo, le proprietà più comuni sono il CSS "blocco di visualizzazione"Per elementi in linea e"Spazio bianco: pre"Per visualizzare il testo formattato. Questo post ha spiegato come creare pause di linea senza usare "
"In HTML.