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

Detaillierte Erklärung zur Verwendung von this.$set in Vue

Inhaltsverzeichnis Verwendung von this.$set in Vu...

Wissen Sie, wie man Mock in einem Vue-Projekt verwendet?

Inhaltsverzeichnis Erster Schritt: Der zweite Sch...

MySQL Flush-List und Flushing-Mechanismus für Dirty Pages

1. Überprüfung Der Pufferpool wird nach dem Start...

Ubuntu-Terminal, mehrere Fenster, geteilter Bildschirm, Terminator

1. Installation Das größte Feature von Terminator...

Containerisierungstransformation für Docker-Großprojekte

Virtualisierung und Containerisierung sind zwei u...

jQuery implementiert alle Warenkorbfunktionen

Inhaltsverzeichnis 1. Alles auswählen 2. Erhöhen ...

Installation von CUDA10.0 und Probleme in Ubuntu

Die Entsprechung zwischen der Tensorflow-Version ...

Wie InnoDB Transaktionsisolationsebenen geschickt implementiert

Vorwort Im vorherigen Artikel „Detaillierte Erklä...

So konfigurieren Sie WordPress mit Nginx

Zuvor hatte ich WordPress selbst erstellt, aber d...

MySql implementiert die Seitenabfragefunktion

Zunächst müssen wir klarstellen, warum wir pagini...

Fünf Möglichkeiten zum Durchlaufen von JavaScript-Arrays

Inhaltsverzeichnis 1. for-Schleife: grundlegend u...

Tiefgreifendes Verständnis von Worker-Threads in Node.js

Inhaltsverzeichnis Überblick Die Geschichte der C...

Lösung für den MySQL-Server-Anmeldefehler ERROR 1820 (HY000)

Fehlerseite: Melden Sie sich beim MySQL-Server an...

Der HTML-Seitenkopfcode ist völlig klar

Alle folgenden Codes stehen zwischen <head>....