EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Configura come lingua predefinita
Domande di PF - Cose da fare

Come evitare il testo, all'interno di un tag pre, esterno del contenitore

Programmazione CSS  
 
Come evitare il testo, all'interno di un tag pre, esterno del contenitore

L'uso dell'etichetta <pre> in HTML es una manera sencilla de visualizar 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, a continuación vemos due testi, uno all'interno di un tag <p> ,con bordo rosso, e un altro su un'etichetta <pre> con borde 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 los siguientes 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.

Entrare nel canale di Telegramma

Lasciaci un commento o accedere allaCose da fare
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page