Heim > Artikel > Web-Frontend > CSS-Textduplizierung, dh ein Fehler führt zu einer seltsamen Textduplizierung

CSS-Textduplizierung, dh ein Fehler führt zu einer seltsamen Textduplizierung

高洛峰Original: 2016-11-24 14:53:221433Durchsuche

Wenn mehrere schwebende Elemente mit dazwischen liegenden Kommentaren aufeinander folgen, wird der Text im letzten schwebenden Element gelegentlich nach unten kopiert. Wissenschaftlicher Name Fehler durch doppelte Zeichen

Programmcode

Noch ein Schwein

>

< div style="float:right;width:400px">↓Dies ist das zusätzliche Schwein

< ;/html>

kann mit den folgenden Methoden gelöst werden:

　1. Geben Sie keine Kommentare ab. Die einfachste und schnellste Lösung
2. Platzieren Sie keine Kommentare zwischen zwei schwebenden Blöcken.
3. Fügen Sie den Textblock zwischen dem neuen

ein, wie zum Beispiel:

↓Das ist das Extra pig

.
4. Entfernen Sie die feste Breite des Textblocks, ähnlich wie bei 3.
5. Manche Leute fügen nach dem Schwein ein
ein, aber das beseitigt nur das Phänomen.
6. Legen Sie nicht mehrere Breiten für schwebende Elemente fest, damit diese nicht den unteren Rand des enthaltenden Elements erreichen, oder legen Sie margin-right: -3px oder kleiner für das letzte Element fest.
　7. Kommentare können so geschrieben werden:

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：CSS-Code-Formatierungs-ReinigungstoolNächster Artikel：CSS-Code-Formatierungs-Reinigungstool

In Verbindung stehende Artikel

Mehr sehen