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
Vue + node realisiert Audioaufzeichnungs- und -wiedergabefunktion
Ergebnis: Der Hauptteil besteht darin, die Codelo...
Eine kurze Analyse der CSS-Funktionen :is() und :where(), die bald in Browsern verfügbar sein werden
Vorschauversionen von Safari (Technology Preview ...
9 praktische Tipps zum Erstellen von Webinhaltsseiten
Inhalt 1. Geben Sie den Lesern einen Grund zu blei...
Der Nationalfeiertag steht vor der Tür. Verwenden Sie JS, um ein kleines Tool zum Generieren eines Avatars im Stil des Nationalfeiertags zu implementieren. Detaillierte Erläuterung des Implementierungsprozesses
Inhaltsverzeichnis 1. Seitenlayout 2. Bild-Upload...
Beheben Sie den Gruppierungsfehler Ausdruck Nr. 1 der SELECT-Liste ist nicht in der GROUP BY-Klausel enthalten und enthält nicht aggregierte Werte in MySQL-Versionen über 5.7
Grund: MySQL 5.7.5 und höher implementiert die Er...
Echart Bar-Doppelsäulendiagrammstil, umfassendste und detaillierteste Erklärung
Inhaltsverzeichnis Vorwort Installation und Konfi...
Erklärung der CAST- und CONVERT-Funktionen zur Typkonvertierung in MySQL-Datenbanken
Mit den MySQL-Funktionen CAST() und CONVERT() kön...
Entpackte Version der MySQL-Installation und aufgetretene Fehler und Lösungen
1 Installation Laden Sie die entsprechende entpac...
【Webdesign】Teilen Sie E-WebTemplates exquisite Vorlagen für ausländische Webseiten (FLASH + PSD-Quelldatei + HTML).
Es handelt sich dabei ausschließlich um Webseiten...
So implementieren Sie eine steuerbare gepunktete Linie mit CSS
Vorwort Die Verwendung von CSS zum Generieren gep...
So öffnen Sie das MySQL-Binlog-Protokoll
Binlog ist eine binäre Protokolldatei, die alle M...
Node verwendet das Modul async_hooks zur Anforderungsverfolgung
Das Modul async_hooks ist eine experimentelle API...
Beispiel zum Erstellen eines lokalen Benutzers in MySQL und Erteilen von Datenbankberechtigungen
Vorwort Wenn Sie MySQL installieren, erstellen Si...
HTML+CSS zum Erzielen von Spezialeffekten durch Textfaltung – Beispiel
In diesem Artikel werden hauptsächlich Beispiele ...
Prinzip und Anwendungsbeispiele des URL-Umschreibmechanismus von Nginx
Durch das Umschreiben der URL lässt sich die bevo...