L'uso dell'etichetta <pre> in HTML è un modo semplice per visualizzare contenuto con formato. Viene utilizzato normalmente quando si vuole visualizzare qualsiasi parte della codice sorgente o qualsiasi altro tipo di testo cui aspetto Andando differiscono il normale utilizzato sul sito.

Utilizzare questo tag, Se questo non dispone di qualsiasi stile, la cosa normale è che quando viene visualizzato su dispositivi con dimensioni dello schermo più piccolo, il testo all'interno di esso è esterno del contenitore.

Come esempio, qui sotto vediamo due testi, uno all'interno di un tag <p> ,con bordo rosso, e un altro su un'etichetta <pre> con bordo verde.

Come si può vedere, A seconda dello schermo del dispositivo da cui si sta visualizzando questo articolo, Se il testo all'interno del tag <pre> non immettere da pieno nel contenitore, Questo esce dello stesso.

Per Difficoltà Questo problema, Quello che dobbiamo fare è modificare lo stile Prodotto Tag <pre> l'aggiunta di Quanto segue attributi per il vostro CSS:

come ottenere un risultato Successivamente ci mostrano come:

Si può vedere nella scheda codice CSS.

In questo modo, Si può fare il contenuto ospitato sul tuo Tag <pre> esterno del contenitore, che è adattare allo stesso, A seconda delle dimensioni dello schermo.