disign | CSS: wrap del tag pre | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/css-wrap-del-tag-pre-302-3-1.html

© Luca Frassineti

Css tips and tricks 3.266 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

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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