logo

Hvordan pakker man tekst i CSS?

CSS tekstombrydning egenskab bruges til at bryde de lange ord og ombrydes til næste linje. Denne egenskab bruges til at forhindre overløb, når en ubrydelig streng er for lang til at passe i boksen.

Denne egenskab definerer bruddene i ordet for at undgå overløb, når et ord er for langt til at passe i beholderen. Det specificerer brud på ord, når indholdet overskrider containerens grænse.

tur men

Syntaks

 word-wrap: normal | break-word | initial l inherit ; 

Værdier

normal: Det er standardværdien, der kun bruges til at bryde ord ved tilladte brudpunkter.

break-word: Det bruges til at bryde de ubrydelige ord.

initial: Den bruges til at indstille egenskaben til dens standardværdi.

arve: Det arver egenskaben fra dets overordnede element.

Eksempel

 .test { width: 200px; background-color: lightblue; border: 2px solid black; padding: 10px; font-size: 20px; } .test1 { width: 11em; background-color: lightblue; border: 2px solid black; padding: 10px; word-wrap: break-word; font-size: 20px; } <p> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line. </p> 
Test det nu

Produktion

Sådan pakker du tekst i CSS