Der Speicherplatz wird in den Browsern IE, Firefox und Chrome unterschiedlich angezeigt

Der Speicherplatz wird in den Browsern IE, Firefox und Chrome unterschiedlich angezeigt
  Die Anzeigeeffekte in den Browsern IE, Firefox und Chrome unterscheiden sich geringfügig, hauptsächlich weil die Breite des vorangehenden Leerzeichens unterschiedlich ist.

Online-Informationen besagen, dass verschiedene Browser unterschiedliche Standardschriftarten haben. Im Allgemeinen ist die Standardschriftart von IE Songti, während die Standardschriftart von Firefox und Chrome Times New Roman ist.
Songti ist eine Schriftart mit monospaced Zeichen, Times New Roman hingegen ist keine Schriftart mit monospaced Zeichen, da die Standardschriftarten der Browser unterschiedlich sind.
Die Anzeigebreite des Leerzeichens   ist in verschiedenen Browsern unterschiedlich.

Beispielsweise wird der folgende Code mit IE bzw. Chrome getestet

Code kopieren
Der Code lautet wie folgt:

<Tabelle>
<tr>
<td>Ich bin die erste Reihe</td>
</tr>
<tr>
<td>nbsp;nbsp;nbsp;nbsp;Ich bin die zweite Reihe</td>
</tr>
<tr>
<td>nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;Ich bin die dritte Reihe</td>
</tr>
</Tabelle>

Der Anzeigeeffekt in Chrome ist wie folgt:

Der Anzeigeeffekt unter IE9 ist wie folgt:

Es ist ersichtlich, dass in Chrome zwei &nbsp; die Breite eines chinesischen Zeichens einnehmen, während im Internet Explorer vier &nbsp; die Breite eines chinesischen Zeichens einnehmen.
Lösung:
1. Ändern Sie das Kodierungsformat der Seite <meta http-equiv="content-type" content="text/html; charset=gbk">
Und wie man die Seite kompiliert (in MyEclipse)

Klicken Sie dann mit der rechten Maustaste auf IE, um das Kodierungsanzeigeformat zu ändern

2. (Empfohlen) Legen Sie die Schriftart für die Zeile mit Leerzeichen fest. Legen Sie einfach eine beliebige Schriftart mit gleichem Abstand zwischen den Zeichen fest.
wie:

Code kopieren
Der Code lautet wie folgt:

<div style="font-family: '宋体'">nbsp;nbsp;nbsp;nbsp;Ich bin die zweite Reihe</div>

PS:nbsp;Ersetzen durch&nbsp;

<<:  Basierend auf den neuen Funktionen von JavaScript ES: Schlüsselwörter let und const

>>:  Implementieren benutzerdefinierter Radio- und Kontrollkästchenfunktionen mit reinem CSS

Artikel empfehlen

Beispiel für eine MySQL-DML-Sprachoperation

Zusätzliche Erklärung, Fremdschlüssel: Verwenden ...

Tutorial zur HTML-Tabellenauszeichnung (37): Hintergrundbild-Attribut BACKGROUND

Legen Sie das Hintergrundbild für die Tabellenübe...

Detaillierte Erklärung zum Problem der CSS-Klassennamen

Die folgenden CSS-Klassennamen, die mit einer Zah...

Der einfachste Weg zum Debuggen gespeicherter Prozeduren in MySQL

Ein Kollege hat mir einmal gesagt, ich solle eine...

So erstellen Sie ein React-Projekt mit Vite

Inhaltsverzeichnis Vorwort Erstellen Sie ein Vite...

Konfigurationsmethode für die SystemC-Umgebung unter Linux

Das Folgende ist die Konfigurationsmethode unter ...

Verwendung und Ausführungsprozess des HTTP-Moduls im Knoten

Welche Rolle spielt http im Knoten? Die Aufgabe d...

Das Bildelement img hat in IE6 zusätzlichen Leerraum

Beim Erstellen eines DIV+CSS-Layouts einer Seite ...

Gojs implementiert Ameisenlinien-Animationseffekt

Inhaltsverzeichnis 1. Gojs-Implementierung 1. Zei...

Detaillierte Erklärung des MySQL-Datenbankindex

Inhaltsverzeichnis 1. Einführung in den MySQL-Ind...

Eine einfache Methode zum regelmäßigen Löschen abgelaufener Datensätze in MySQL

1. Überprüfen Sie nach der Verbindung und Anmeldu...

Eine kurze Analyse des Unterschieds zwischen ref und toRef in Vue3

1. ref wird kopiert, die Ansicht wird aktualisier...

Was Sie über die automatische ID-Inkrementierung in MySQL wissen müssen

Einführung: Wenn wir MySQL zum Erstellen einer Ta...