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
Implementierung von Vergleichen, Sortieren und anderen Operationen für Daten vom Typ varchar in MySQL
Bei der Verwendung von MySQL werden Daten im Allg...
Einführung und Installation von vue-cli
Inhaltsverzeichnis 1. Einleitung 2. Einführung in...
CentOS 7 Installations- und Konfigurations-Tutorial unter VMware10
Während Ubuntu heute das beliebteste Linux-Betrie...
Textbereich Textbereich Breite und Höhe Breite und Höhe Automatische Anpassung Implementierungscode
Code kopieren Der Code lautet wie folgt: <HTML...
Eine kurze Analyse des Funktionsaufrufprozesses unter der ARM-Architektur
Inhaltsverzeichnis 1. Hintergrundwissen 1. Einfüh...
HTML implementiert die Funktion zum automatischen Aktualisieren oder Öffnen eines neuen Fensters für den URL-Link des Elements href
Manchmal möchten wir eine solche Funktion impleme...
Detaillierte Erklärung der Box-Größe in CSS3 (Content-Box und Border-Box)
Box-Größe in CSS3 (Inhaltsbox und Rahmenbox) Mit ...
Zwei Ideen zur Implementierung der horizontalen Datenbanksegmentierung
Einführung Aufgrund der zunehmenden Popularität v...
Die Lösung für die Seite, die nach Routenänderungen nach Reaktionssprüngen nicht aktualisiert wird
Inhaltsverzeichnis Frage Lösung Frage Es scheint ...
Welche Bilddateiformate gibt es und wie wählt man sie aus?
1. Welche drei Formate? Dies sind: gif, jpg und pn...
Grundsätze und Nutzungsdetails für MySQL 8.0-Benutzer- und Rollenverwaltung
Dieser Artikel beschreibt die Benutzer- und Rolle...
Centos7 installiert mysql5.6.29 Shell-Skript
In diesem Artikel wird das Shell-Skript von mysql...
Lösung für zu große Mysql-Binlog-Protokolldateien
Inhaltsverzeichnis 1. Verwandte Binlog-Konfigurat...
Anwendung und Implementierung des Datencache-Mechanismus für kleine Programme
Informationen zum Miniprogramm-Datencache Datenca...
So konfigurieren Sie WordPress mit Nginx
Zuvor hatte ich WordPress selbst erstellt, aber d...