logo

Cum să împachetez textul în CSS?

CSS înfășurare de cuvinte proprietatea este folosită pentru a rupe cuvintele lungi și a încheia pe rândul următor. Această proprietate este folosită pentru a preveni debordarea atunci când un șir care nu poate fi spart este prea lung pentru a se potrivi în cutia care conține.

Această proprietate definește pauzele din cuvânt pentru a evita debordarea atunci când un cuvânt este prea lung pentru a se potrivi în container. Specifică ruperea cuvintelor atunci când conținutul depășește limita containerului.

Sintaxă

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

Valori

normal: Este valoarea implicită care este folosită pentru a întrerupe cuvintele numai la punctele de întrerupere permise.

cuvant de pauză: Este folosit pentru a rupe cuvintele care nu se sparg.

iniţială: Este folosit pentru a seta proprietatea la valoarea sa implicită.

moşteni: Moștenește proprietatea din elementul părinte.

Exemplu

 .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> 
Testează-l acum

Ieșire

Cum să împachetați textul în CSS