CSS: gestire l'overflow del testo nell'elemento pre

L'elemento pre ha la particolarità di rispettare la formattazione originale del testo nella gestione dello spazio bianco. Un problema che ne deriva è che le righe di testo troppo lunghe non vengono spezzate e causano problemi di overflow. Tuttavia esiste una soluzione.

La soluzione consiste nel combinare la proprietà white-space (browser standard) e word-break (Internet Explorer) per fare in modo che le righe vadano a capo:


pre {
	white-space: pre-wrap;
	word-break: break-word;
}

Torna su