logo

Com embolicar el text en CSS?

CSS l'ajust de línia La propietat s'utilitza per trencar les paraules llargues i embolicar a la línia següent. Aquesta propietat s'utilitza per evitar el desbordament quan una cadena irrompible és massa llarga per cabre a la caixa que la conté.

Aquesta propietat defineix els trencaments de la paraula per evitar el desbordament quan una paraula és massa llarga per cabre al contenidor. Especifica la ruptura de paraules quan el contingut supera el límit del contenidor.

Sintaxi

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

Valors

normal: És el valor predeterminat que s'utilitza per trencar paraules només als punts d'interrupció permesos.

Paraula trencada: S'utilitza per trencar les paraules irrompibles.

inicial: S'utilitza per establir la propietat al seu valor predeterminat.

heretar: Hereta la propietat del seu element pare.

Exemple

 .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> 
Prova-ho ara

Sortida

Com embolicar el text en CSS