CSS capovolgimento di parole viene utilizzata per spezzare le parole lunghe e mandarle a capo nella riga successiva. Questa proprietà viene utilizzata per impedire l'overflow quando una stringa indistruttibile è troppo lunga per entrare nella casella che la contiene.
Questa proprietà definisce le interruzioni nella parola per evitare l'overflow quando una parola è troppo lunga per entrare nel contenitore. Specifica la rottura delle parole quando il contenuto supera il confine del contenitore.
Sintassi
word-wrap: normal | break-word | initial l inherit ;
Valori
normale: È il valore predefinito utilizzato per interrompere le parole solo nei punti di interruzione consentiti.
generici Java
parola di interruzione: È usato per spezzare le parole infrangibili.
iniziale: Viene utilizzato per impostare la proprietà sul suo valore predefinito.
ereditare: Eredita la proprietà dal suo elemento genitore.
Esempio
.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> Provalo adesso Produzione
