logo

Kako preliti besedilo v CSS?

CSS prelom besed Lastnost se uporablja za prekinitev dolgih besed in previjanje v naslednjo vrstico. Ta lastnost se uporablja za preprečevanje prelivanja, ko je nezlomljiv niz predolg, da bi se prilegal v vsebno polje.

Ta lastnost definira prelome v besedi, da se izognete prelivanju, ko je beseda predolga, da bi se prilegala vsebniku. Določa prekinitev besed, ko vsebina preseže mejo vsebnika.

Sintaksa

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

Vrednote

normalno: To je privzeta vrednost, ki se uporablja za prekinitev besed samo na dovoljenih prelomnih točkah.

prelomna beseda: Uporablja se za prekinitev nezlomljivih besed.

začetnica: Uporablja se za nastavitev lastnosti na privzeto vrednost.

podedovati: Lastnost podeduje od nadrejenega elementa.

Primer

 .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> 
Preizkusite zdaj

Izhod

Kako preliti besedilo v CSS