Heim > Web-Frontend > HTML-Tutorial > Leerzeichen Der Anzeigeabstand ist in den Browsern IE, Firefox und Chrome_HTML/Xhtml_Webpage Production inkonsistent

Leerzeichen Der Anzeigeabstand ist in den Browsern IE, Firefox und Chrome_HTML/Xhtml_Webpage Production inkonsistent

WBOY
Freigeben: 2016-05-16 16:37:38
Original
1822 Leute haben es durchsucht

  Der Anzeigeeffekt in den Browsern IE, Firefox und Chrome ist unterschiedlich, hauptsächlich weil die Breite des vorangehenden Leerzeichens unterschiedlich ist.

Online-Informationen besagen
Verschiedene Browser haben unterschiedliche Standardschriftarten. Im Allgemeinen ist die Standardschriftart von IE Song Dynasty, während die Standardschriftart von Firefox und Chrome Times New Roman ist.
Song Dynasty ist eine Schriftart mit Zeichen konstanter Breite, Times New Roman ist jedoch keine Schriftart mit Zeichen konstanter Breite. Da die Standardschriftarten der Browser unterschiedlich sind, unterscheidet sich auch die Anzeigebreite von
Leerzeichen Browser.

Zum Beispiel wird der folgende Code mit IE bzw. Chrome getestet

Kopieren Sie den Code
Der Der Code lautet wie folgt:

🎜>
nbsp;nbsp;nbsp;Ich bin die zweite Reihe
td>nbsp;nbsp ;nbsp;nbsp;nbsp;nbsp;Ich bin die dritte Reihe



Die Anzeige Der Effekt in Chrome ist wie folgt:


Der Anzeigeeffekt unter IE9 ist wie folgt:

Es ist ersichtlich, dass zwei  die Breite eines chinesischen Zeichens in Chrome einnehmen , während vier  nur die Breite eines chinesischen Zeichens im IE einnehmen. Die Breite eines chinesischen Zeichens.

Lösung:
1. Ändern Sie das Codierungsformat der Seite und die Kompilierungsmethode der Seite (in myeclipse)

Klicken Sie dann mit der rechten Maustaste auf IE, um das Codierungsanzeigeformat zu ändern
2. (Empfohlen) Legen Sie die Schriftart im fest Leerzeile und setzen Sie einfach die Schriftart auf eine beliebige Schriftart mit gleichmäßigen Zeichenabständen.
Zum Beispiel:



Code kopieren


Der Code lautet wie folgt:
nbsp;nbsp;nbsp;nbsp;Ich bin die zweite Zeile
PS: nbsp;Ersetzen durch 
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage