CSS: wrap del tag pre
23/12/2011L'utilizzo del tag pre spesso causa notevoli problemi a causa della necessità di inserire manualmente gli a capo direttamente nel codice in quanto nativamente il tag riporta a video esattamente la lunghezza delle righe così come son digitate al suo interno.
Questo comporta grossi problemi quando non stiamo all'interno di un box con larghezza definita fissa.
Con CSS possiamo impostare la proprietà wrap anche per il tag in oggetto in modo da non doverci preoccupare della dimensione che assumerà il box contenente il testo in pre.
La sintassi è questa:
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, dal 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */