Lag linjeskift uten å måtte bruke BR i HTML

Det er flere tagger i HTML som gir spesielle funksjoner til websider. Disse taggene er av to typer: containerkoder og tomme tagger. Containerkodene består av en startkode og en sluttkode, mens de tomme kodene bare består av startkoden. Mer spesifikt, “
”Tag er en av dem. Det er en tom tag som skaper en linjepause i HTML. Skjønt, det er forskjellige andre metoder for å lage en linjepause i stedet for å bruke dette “
" stikkord.

Dette innlegget vil instruere deg:

• Hvordan lage en linjepause ved å bruke CSS “Whitespace = pre”Eiendom?
• Hvordan lage en linjepause ved å bruke CSS “display = blokkering”Eiendom?

Hvordan lage en linjepause som bruker CSS “White-Space: Pre” -egenskaper?

“hvitrom”CSS -eiendom hjelper til med å kontrollere de hvite rommene i elementene. “før”Verdien viser teksten pakket inn i linjesnitt.

La oss ta en titt på det under-uttalte eksemplet for demonstrasjonen.

Eksempel

I HTML, legg til en "”Element assosiert med“stil”Attributt med CSS”hvitrom: før”Eiendom:

Linuxhint
Linuxhint

Produksjon

Hvordan lage en linjepause som bruker CSS “Display = Block” -egenskaper?

CSS “vise”Eiendom setter elementets visningsatferd. Dessuten er det “blokkere”Verdien angir elementets bredde til 100%.

Eksempel

Sjekk ut eksemplet nedenfor:

• I HTML, legg til "

  ”Element.

• Inne i "

  ”Element, inkluderer to”spenn”Elementer med litt tekstinnhold:

> Linuxhint
> Linuxhint

Produksjon

Merk at “”Er et inline element, så begge vil vise på en linje. For å få hver av dem til å vises på en linje (full bredde), er det påkrevd å angi “vise”Eiendom til“ "elementet som”blokkere”.

Stil "spenn" element

p span
Display: Block;
tekst-align: sentrum;

“P Span”Henviser til“ "elementet som har foreldre”

”. Dette elementet er stylet ved hjelp av følgende egenskaper:

• “vise”Eiendom definerer elementets visningsatferd, mens“blokkere”Verdien gjør elementets fulle bredde.
• “Tekstalign”Definerer tekstjusteringen som“senter”.

Produksjon

Det handlet om å lage linjer uten å bruke "
”I HTML.

Konklusjon

I HTML, “
”Tag brukes til å legge til en linjepause i et dokument. Imidlertid kan linjeskift legges til uten å bruke "
" stikkord. For dette formålet er de vanligste egenskapene CSS “Display: Block”For inline elementer og“White-Space: Pre”For å vise den formaterte teksten. Dette innlegget har forklart hvordan du lager linjeskift uten å bruke “
”I HTML.