Die Verwendung der Bezeichnung <Pre> in HTML es una manera sencilla de visualizar formatierten Inhalt. Wird normalerweise verwendet, wenn es keinen Teil zeigen will Quellcode oder jede andere Art von Text dessen Aussehen Werden unterscheiden sich die normale verwendet auf der website.
Dieses Tag verwenden, Wenn dies keinem Stil, die normale Sache ist, dass wenn auf Geräten mit kleineren Bildschirmgröße angezeigt wird, der Text darin ist aus dem container.
Als Beispiel, a continuación vemos zwei Texte, eine innerhalb eines Tags <p> ,mit rotem Rand, und ein anderes auf einem Etikett <Pre> con borde verde.
Wie Sie sehen können, Je nach dem Bildschirm das Gerät aus, wo Sie diese Artikel anzeigen, Wenn der Text innerhalb des Tags <Pre> passt nicht komplett im container, Dies heraus kommt der gleichen.
Für zu beheben Dieses problem, was du tun musst ist ändern Sie die Formatvorlage Tag <Pre> Hinzufügen von los siguientes Attribute um Ihre CSS:
1 2 3 4 5 6 7 8 | pre { border: 1px solid green; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } |
Erlangung einer Ergebnis Als Nächstes zeigen wir wie:
Man sieht es in der Registerkarte " Code CSS.
Auf diese Weise, Sie können dies die Inhalt gehostet auf Ihre Markierungen <Pre> aus dem container, Was ist anpassen zur gleichen, Abhängig von der Größe des Bildschirms.