disign.it | CSS: wrap del tag pre | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 2.217 visualizzazioni

CSS: wrap del tag pre

23/12/2011

L'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+ */

pre
← CSS: come condensare le proprietà font CSS: sub e sup interlinea →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.