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? */} |
<<: Detaillierte Erläuterung gängiger Methoden von JavaScript Array
>>: Mehrere Möglichkeiten, „Textüberlaufkürzung und -auslassung“ mit reinem CSS zu implementieren
Artikel empfehlen
Zusammenfassung der Verwendung von vue Watch und Computed
Inhaltsverzeichnis 01. Hörer beobachten (1) Funkt...
So verwenden Sie die MySQL DATEDIFF-Funktion, um das Zeitintervall zwischen zwei Daten zu ermitteln
beschreiben Gibt das Zeitintervall zwischen zwei ...
So zeigen Sie JSON-Daten auf einer HTML-Seite an und formatieren sie
JSON-Daten werden auf der HTML-Seite angezeigt un...
JS implementiert Click-Drop-Effekt
js realisiert den Spezialeffekt des Klickens und ...
Sprechen Sie über wichtige Unterverzeichnisprobleme im Linux-System
/etc/fstab Partitionen/Festplatten automatisch mo...
Einige Methoden zur Dateiberechtigungsverwaltung unter Linux, die Sie möglicherweise nicht kennen
Warum brauchen wir ein Berechtigungsmanagement? 1...
Methode zur Wiederherstellung von Betriebs- und Wartungsdaten der MySQL-Datenbank
In den vorherigen drei Artikeln wurden gängige Si...
So verwenden Sie das Realip-Modul im Nginx-Grundlagenlernen
Vorwort Es gibt zwei Arten von Nginx-Modulen: off...
Implementierung des Imports und Exports von Vue-Element-Admin-Projekten
vue-element-admin importiert Komponentenkapselung...
JS implementiert den Beispielcode der Dezimalkonvertierung in Hexadezimal
Vorwort Beim Schreiben von Code stoßen wir gelege...
Detaillierte Erklärung zur Verwendung der Vue-Verifizierungscode-Komponente
In diesem Artikelbeispiel wird der spezifische Im...
Eine audiovisuelle Linux-Distribution, die Audiophile anspricht
Ich bin kürzlich auf das Audiovisual Linux Projec...
Detaillierte Erklärung von MySQL-Transaktionen und MySQL-Protokollen
Transaktionale Merkmale 1. Atomarität: Nach dem S...
Node.js versendet E-Mails basierend auf dem STMP-Protokoll und dem EWS-Protokoll
Inhaltsverzeichnis 1 Node.js-Methode zum Senden v...
Gogs+Jenkins+Docker automatisierte Bereitstellung von .NetCore-Schritten
Inhaltsverzeichnis Umgebungsbeschreibung Docker-I...