CSS zalomenie slov vlastnosť sa používa na prerušenie dlhých slov a zalomenie na ďalší riadok. Táto vlastnosť sa používa na zabránenie pretečeniu, keď je nerozbitný reťazec príliš dlhý na to, aby sa zmestil do schránky.
Táto vlastnosť definuje zlomy v slove, aby sa zabránilo pretečeniu, keď je slovo príliš dlhé na to, aby sa zmestilo do kontajnera. Určuje rozdelenie slov, keď obsah prekročí hranicu kontajnera.
Syntax
word-wrap: normal | break-word | initial l inherit ;
hodnoty
normálne: Je to predvolená hodnota, ktorá sa používa na prerušenie slov iba v povolených bodoch prerušenia.
zlomové slovo: Používa sa na prelomenie nerozbitných slov.
počiatočné: Používa sa na nastavenie vlastnosti na jej predvolenú hodnotu.
zdediť: Dedí vlastnosť od svojho nadradeného prvku.
Príklad
.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> Vyskúšajte to Výkon
