Beispielcode zum automatischen Umbrechen des Pre-Tags

Das Pre-Element definiert vorformatierten Text. In einem Pre-Element eingeschlossener Text behält normalerweise Leerzeichen und Zeilenumbrüche bei. Der Text wird auch in einer Monospace-Schriftart wiedergegeben.
Eine häufige Anwendung des <pre>-Tags ist die Darstellung von Computerquellcode. Technische Blogs verwenden häufig das Pre-Tag, um Code auszugeben oder hervorzuheben. Standardmäßig wird der Inhalt im Pre-Tag nicht automatisch umbrochen, wenn er den Bereich überschreitet.
Hier ist eine Methode, um den Inhalt im <pre>-Tag automatisch umzubrechen und den W3C-Standards zu entsprechen (von mehreren Browsern unterstützt).

Code kopieren

Der Code lautet wie folgt:

vor{
Leerzeichen: Vorumbruch; /* css3.0 */
Leerzeichen: -moz-pre-wrap; /* Firefox */
Leerzeichen: -pre-wrap; /* Opera 4-6 */
Leerzeichen: -o-pre-wrap; /* Opera 7 */
Zeilenumbruch:Wortumbruch; /* Internet Explorer 5.5+ */
}

Beispiel:

Code kopieren

Der Code lautet wie folgt:

pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; /*Das ist ein sehr langer Code. Sehen Sie, dass ich den Code umbrochen habe, richtig? */}

In der MySQL-Datenbank werden datetime, bigint und timestamp zur Darstellung der Zeitauswahl verwendet. Welches davon ist für die Zeitspeicherung am effizientesten?

Artikel

Beispielcode zum automatischen Umbrechen des Pre-Tags

MySQL-Lernhinweise: Daten-Engine

So lösen Sie das Problem, dass das Projekt in Eclipse nicht zu Tomcat hinzugefügt werden kann

Vue.js-Textfeld mit Dropdown-Komponente

Verwenden Sie CSS, um die Breite von INPUT in TD festzulegen

Detaillierte Erläuterung der Idee, den Unterschied zwischen stündlichen Daten und den letzten stündlichen Daten in MySQL abzufragen

So installieren Sie OpenSuse auf Virtualbox

In der MySQL-Datenbank werden datetime, bigint und timestamp zur Darstellung der Zeitauswahl verwendet. Welches davon ist für die Zeitspeicherung am effizientesten?

Eine kurze Analyse von Kubernetes-Controllern und -Labels

Beispielcode zur Implementierung fortlaufender Updates von Diensten mit Docker Swarm

Vollständiges Installations- und Konfigurations-Tutorialdiagramm für das komprimierte MySQL 8.0.22-Paket (getestet und effektiv)

Artikel empfehlen

Einführung in den vollständigen Namen und die Funktion von HTML-Tags

Einführung in die Installationsmethode in Vue

Codebeispiel zum Erreichen des internen Ankerpunkts einer Webseite durch reines CSS beim Auf- und Ab-Offset

Tutorial zur Neuinstallation von MySQL unter Windows 64-Bit (Zip-Version, dekomprimierte Version der MySQL-Installation)

Verwendung von „Select“, „Distinct“ und „Limit“ in MySQL

JavaScript zum Erreichen eines vollständigen oder umgekehrten Auswahleffekts im Formular

Die umfassendste Erklärung des Sperrmechanismus in MySQL

Zusammenfassung der speicherbezogenen Parameter von MySQL 8.0

Linux verwendet lsof/extundelete-Tools, um versehentlich gelöschte Dateien oder Verzeichnisse wiederherzustellen

So installieren Sie MySQL für Anfänger (erwiesenermaßen effektiv)

Detaillierte Erklärung der neuen CSS-Eigenschaft display:box

Lernen Sie die schwarze Technologie der Union-All-Verwendung in MySQL 5.7 in 5 Minuten

Integrationspraxis des Vue+Element-Hintergrundverwaltungsframeworks

Der Lösungsdatensatz für Vue, der das Element beim ersten Mal nicht abrufen konnte

MySQL startet langsames SQL und analysiert die Ursachen