mantenere formattazione con pre

[pgm]

Ciao a tutti

ho un problema con il tag "pre". Non riesco a trovare il modo di dare una "lunghezza" fissa a questo tag. Per esempio se esso compare in una cella di 100x100 px vorrei che il testo rimanesse si formattato ma della lunghezza della cella senza allargarmela.

E' possibile fare ciò?

vi ringrazio per l'attenzione

[Mich_]

Puoi "giocare" con la proprieta` CSS overflow applicata alla cella (o comunque al contenitore del testo).

Pero` ci sono browser cui tale gioco non piace (e si comportano come pare a loro).
Tieni presente che in IE la proprieta` width si comporta come se fosse min-width.

[pierofix]

Credo che questo sia quello che vai cercando:

- www.w3.org/TR/CSS21/text.html#white-space-prop

A occhio ti direi di provare così:

pre
{
   white-space:pre-wrap;
}

Non sono sicuro. Facci sapere.

[pgm]

ragazzi vi ringrazio dell'aiuto ma niente da fare ne con overflow (mi esce lo scroll) ne con pre-wrap.


come si fa?

[pierofix]

Scusa la superficialità del suggerimento, ma hai fatto delle prove con i vari valori attribuibili a 'white-space'?

- www.w3.org/TR/CSS21/text.html#white-space-prop

Sono di corsa e non posso testare prima di suggerire.

[pgm]

Originariamente inviato da pierofix
Scusa la superficialità del suggerimento, ma hai fatto delle prove con i vari valori attribuibili a 'white-space'?

- www.w3.org/TR/CSS21/text.html#white-space-prop

Sono di corsa e non posso testare prima di suggerire.

ci mancherebbe

adesso provo in amniera più approfondita anche se sono pessimista

[Xinod]

ho avuto lo stesso problema di recente,
questo funziona ma non passa il validatore

pre {
 white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
 white-space: -pre-wrap;      /* Opera 4 - 6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation)
                                 http://www.w3.org/TR/css3-text/#white-space */
 word-wrap: break-word;       /* IE 5.5+ */
}

[pgm]

Originariamente inviato da Xinod
ho avuto lo stesso problema di recente,
questo funziona ma non passa il validatore

pre {
 white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
 white-space: -pre-wrap;      /* Opera 4 - 6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation)
                                 http://www.w3.org/TR/css3-text/#white-space */
 word-wrap: break-word;       /* IE 5.5+ */
}

ottimo. funziona.

ho utilizzato word-wrap: break-word; per IE perchè l'applicazione gira solamente con questo browser.

vi ringrazio tutti per l'aiuto