logo

Hvordan pakke inn tekst i CSS?

CSS ordomslag egenskapen brukes til å bryte de lange ordene og pakke inn på neste linje. Denne egenskapen brukes til å forhindre overløp når en uknuselig streng er for lang til å passe inn i beholderen.

Denne egenskapen definerer bruddene i ordet for å unngå overløp når et ord er for langt til å passe inn i beholderen. Den spesifiserer brudd på ord når innholdet overskrider beholderens grense.

tur men

Syntaks

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

Verdier

normal: Det er standardverdien som brukes til å bryte ord bare ved tillatte bruddpunkter.

break-word: Det brukes til å bryte de uknuselige ordene.

første: Den brukes til å sette egenskapen til standardverdien.

arve: Den arver eiendommen fra det overordnede elementet.

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 nå

Produksjon

Slik pakker du inn tekst i CSS