Kommentare auf Webseiten verursachen Textüberlauf im Internet Explorer
|
Der experimentelle Code lautet wie folgt: Tipp: Sie können zunächst einen Teil des Codes ändern und dann 1. Test in IE und FF ausführen. Textüberlauf tritt nur im IE auf. Hinweis: Kommentare, die einen Textüberlauf verursachen, sind ein Fehler im Internet Explorer. 2. Entfernen Sie „float:left;“ in <div style="float:left"></div> und Sie werden feststellen, dass das zusätzliche Wort „pig“ verschwindet und die Seite normal angezeigt wird. Tipp: Sie können zunächst einen Teil des Codes ändern und dann das Programm ausführen, um das „float:right;“ in <div style="float:right;width:400px"> zu entfernen. Das redundante „pig“-Zeichen verschwindet ebenfalls und die Seite wird normal angezeigt. Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern. Hinweis: Der durch Kommentare verursachte Textüberlauf hängt mit dem Schweben des Blocks zusammen. 3. Verschieben Sie den Kommentar an den Anfang von <div style="float:left"></div>. Das zusätzliche „Schwein“-Zeichen verschwindet und die Seite wird normal angezeigt. Tipp: Sie können zunächst einen Teil des Codes ändern und dann das Programm ausführen, um den Kommentar unter <div style="float:right;width:400px">↓Dies ist das zusätzliche Schwein</div> zu verschieben. Das zusätzliche Wort „Schwein“ verschwindet ebenfalls und die Seite wird normal angezeigt. Tipp: Sie können einen Teil des Codes vor der Ausführung ändern. Hinweis: Kommentare, die einen Textüberlauf verursachen, hängen von ihrer Position ab. (Kann im Zusammenhang mit Punkt 2 verstanden werden) 4. Entfernen Sie „width:400px“ in <div style="float:right;width:400px">. Das zusätzliche Wort „pig“ verschwindet und die Seite wird normal angezeigt. Tipp: Sie können einige Codes vor dem Ausführen ändern. Hinweis: Der durch Kommentare verursachte Textüberlauf hängt mit der festen Breite des Textblocks zusammen (unabhängig davon, ob es sich um einen absoluten oder einen relativen Wert handelt). 5. Erhöhen Sie die Anzahl der Kommentare: Bei 1 Kommentar wird 1 weiteres Wort hinzugefügt; bei 2 Kommentaren werden 3 weitere Wörter hinzugefügt; bei 3 Kommentaren werden 5 weitere Wörter hinzugefügt … Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern Tipp: Sie können zuerst einen Teil des Codes ändern und ihn dann ausführen. Aus den obigen Regeln erhalten wir eine Formel: Anzahl der Überlaufwörter = Anzahl der Kommentare * 2-1. Die Anzahl der Wörter gilt hier für chinesische oder englische Zahlen. Wenn der Überlauftext größer als der Text ist, verschwindet der Textblock. Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern. Hinweis: Die Anzahl der Überlaufwörter hängt von der Anzahl der Kommentare ab. Aus den Tests 1 und 2 wissen wir, dass Kommentare nicht zwischen zwei schwebenden Blöcken platziert werden sollten. Lösung: 1. Es werden keine Kommentare abgegeben. Die einfachste und schnellste Lösung, hehe... Tipp: Sie können einen Teil des Codes vor der Ausführung ändern. 2. Platzieren Sie keine Kommentare zwischen zwei schwebenden Blöcken. Tipp: Sie können einige Codes vor dem Ausführen ändern. 3. Schließen Sie den Textblock zwischen neue <div></div> ein, zum Beispiel: <div style="float:right;width:400px"><div>↓Dies ist das zusätzliche Schwein</div></div>. Tipp: Sie können zuerst einige Codes ändern und dann 4 ausführen. Entfernen Sie die feste Breite des Textblocks, was 3 ähnelt. Tipp: Sie können einen Teil des Codes vor der Ausführung ändern. Die obigen Analysen und Lösungen sind möglicherweise unzureichend oder ungenau. Sie können sie gerne diskutieren und korrigieren. |
<<: Detaillierte Erklärung zur Verwendung von ElementUI in Vue
>>: Der Docker-Container wird direkt ausgeführt, um den öffentlichen IP-Vorgang über Ping abzurufen
Artikel empfehlen
Detaillierte Erklärung der MySQL-Alter-Ignore-Syntax
Als ich heute bei der Arbeit war, wurde mir von d...
Schritte zur Bereitstellungsmethode für Docker Stack für Webcluster
Docker wird immer ausgereifter und seine Funktion...
Detaillierte Erklärung der Gründe, warum MySQL-Verbindungen hängen bleiben
Inhaltsverzeichnis 1. Hintergrund Architektur Pro...
CSS, um horizontale Linien auf beiden Seiten des mittleren Textes zu erreichen
1. Die Eigenschaft „vertical-align“ erzielt folge...
Tutorial zur Installation von MySQL 5.7.18 mit einem RPM-Paket
System: CentOS 7 RPM-Pakete: mysql-community-clie...
9 Möglichkeiten zum Ein- und Ausblenden von CSS-Elementen
Bei der Erstellung von Webseiten ist das Anzeigen...
Beispiel für das Einfügen eines HTML-Bilds (html add image)
Zum Einfügen von Bildern in HTML sind HTML-Tags f...
Eine kurze Diskussion über die MySQL-Zeilenanzahl
Wir alle kennen die MySQL-Funktion count(), mit d...
Warum Entwickler Datenbanksperren im Detail verstehen müssen
1.Sperren? 1.1 Was ist ein Schloss? Die eigentlic...
Verwendung des Linux-Befehls „sar“ und Analyse von Codebeispielen
1. CPU-Auslastung sar -p (den ganzen Tag anzeigen...
Wie lang ist eine Funktion in js?
Inhaltsverzeichnis Vorwort Warum Wie viel kostet ...
Detaillierte Erklärung der HTML-Tabellen
Funktion: Datenanzeige, Tabellenanwendungsszenari...
So verhindern Sie, dass Website-Inhalte in Suchmaschinen aufgenommen werden
Normalerweise besteht das Ziel beim Erstellen ein...
So importieren Sie Excel-Dateien in eine MySQL-Datenbank
In diesem Artikel erfahren Sie, wie Sie Excel-Dat...
Anwendungsbeispiele für den Mysql Inner Join (unbedingt lesen)
Grammatikregeln SELECT Spaltenname(n) FROM Tabell...