logo

Hogyan csomagoljunk szöveget CSS-ben?

CSS sortörés A tulajdonság a hosszú szavak törésére és a következő sorra törésére szolgál. Ez a tulajdonság a túlcsordulás megakadályozására szolgál, ha egy törhetetlen karakterlánc túl hosszú ahhoz, hogy elférjen a tartalmazó dobozban.

Ez a tulajdonság határozza meg a szó szüneteit, hogy elkerülje a túlcsordulást, ha egy szó túl hosszú ahhoz, hogy elférjen a tárolóban. Meghatározza a szavak törését, ha a tartalom meghaladja a tároló határát.

Szintaxis

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

Értékek

Normál: Ez az alapértelmezett érték, amely csak az engedélyezett töréspontoknál használatos szavak törésére.

hasonló interfész java-ban

törőszó: A törhetetlen szavak törésére szolgál.

java mintakód

a kezdeti: A tulajdonság alapértelmezett értékének beállítására szolgál.

örököl: A tulajdonságot a szülőelemétől örökli.

Példa

 .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> 
Tesztelje most

Kimenet

Szöveg tördelése CSS-ben