logo

Jak zalomit text v CSS?

CSS zalamování vlastnost se používá k přerušení dlouhých slov a zalomení na další řádek. Tato vlastnost se používá k zabránění přetečení, když je nerozbitný řetězec příliš dlouhý a nevejde se do rámečku obsahujícího.

Tato vlastnost definuje konce slova, aby se zabránilo přetečení, když je slovo příliš dlouhé a nevejde se do kontejneru. Určuje rozdělení slov, když obsah překročí hranici kontejneru.

Syntax

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

Hodnoty

normální: Je to výchozí hodnota, která se používá k rozdělení slov pouze v povolených bodech přerušení.

zlomové slovo: Používá se k rozbití nerozbitných slov.

počáteční: Slouží k nastavení vlastnosti na výchozí hodnotu.

zdědit: Zdědí vlastnost od svého nadřazeného prvku.

Pří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> 
Otestujte to hned

Výstup

Jak zalomit text v CSS