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
Beispiel für CSS3 zum Erzielen eines Div-Ein- und Ausschiebens von unten nach oben
1. Zuerst müssen Sie den Zielselektor von CSS3 ve...
Natives JS zur Implementierung eines einfachen Rechners
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung zur Installation und Verwendung von Vue-Router
Inhaltsverzeichnis Installieren Grundlegende Konf...
Master-Slave-Konfiguration für die synchrone Replikation einer MySQL-Datenbank unter Linux
Der Vorteil der Master-Slave-Synchronisierungskon...
Lösung für das Problem der Werteübergabe zwischen HTML-Seiten
Als ich den Aufsatz zum ersten Mal verwendete, füh...
Verwenden Sie reines CSS, um einen Switch-Effekt zu erzielen
Zuerst ist die Idee Um diesen Effekt zu erzielen,...
Ubuntu 20.04 – Bestes Konfigurationshandbuch (unverzichtbar für Anfänger)
1. Systemkonfiguration 1. Deaktivieren Sie das Su...
Detaillierter Prozess zum Ändern des Hostnamens, nachdem Docker einen Container erstellt hat
Es gibt ein Heilmittel gegen Reue auf der Welt, s...
CSS-Klicks auf das Radio wechseln zwischen zwei Bildstilen und nur eines der mehreren Radios kann aktiviert werden
Wir implementieren einen roten Bildstil für die a...
Entwerfen Sie einen Datensammler mit Vue
Inhaltsverzeichnis Szenario Kernthemen Statusüber...
Eine kurze Analyse verschiedener Möglichkeiten zum Konfigurieren statischer IP-Adressen in RHEL8
Beim Arbeiten an einem Linux-Server ist das Zuwei...
So aktivieren Sie die schreibgeschützte Select-Unterstützung, wenn der Hintergrund bei festgelegtem deaktiviertem Attribut keine Daten lesen kann
Code kopieren Der Code lautet wie folgt: <span...
Was sind die neuen Funktionen von Apache Spark 2.4, das 2018 veröffentlicht wird?
Dieser Artikel stammt vom Apache Spark Meetup, da...
Eine kurze Erläuterung, wann MySQL interne temporäre Tabellen verwendet
Gewerkschaftsexekution Verwenden Sie zur Vereinfa...
Was sind die Dateiattribute von crw, brw, lrw usw. in Linux?
Was ist eine Datei? Eigentlich sind alle Dateien ...