The space is displayed differently in IE, Firefox, and Chrome browsers

  The display effects on IE, Firefox, and Chrome browsers are slightly different, mainly because the width of the preceding space is different.

Online information says that different browsers have different default fonts. Generally, the default font of IE is Songti, while the default font of Firefox and Chrome is Times New Roman.
Songti is a font with monospaced characters, but Times New Roman is not a font with monospaced characters, because the default fonts of browsers are different.
The display width of the space character   varies in different browsers.

For example, the following code is tested with IE and Chrome respectively

Copy code

The code is as follows:

<table>
<tr>
<td>I am the first row</td>
</tr>
<tr>
<td>nbsp;nbsp;nbsp;nbsp;I am the second row</td>
</tr>
<tr>
<td>nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;I am the third row</td>
</tr>
</table>

The display effect in Chrome is as follows:

The display effect under IE9 is as follows:

It can be seen that two   occupy the width of one Chinese character in Chrome, while four   occupy the width of one Chinese character in IE.
Solution:
1. Modify the encoding format of the page <meta http-equiv="content-type" content="text/html; charset=gbk">
And how to compile the page (in myeclipse)

Then right-click IE to modify the encoding display format

2. (Recommended) Set the font on the line with spaces. Just set the font to any font with equal spacing between characters.
like:

Copy code

The code is as follows:

<div style="font-family: '宋体'">nbsp;nbsp;nbsp;nbsp;I am the second row</div>

PS:nbsp;Replace with 

<<: Based on JavaScript ES new features let and const keywords

>>: Implementing custom radio and check box functions with pure CSS

Solutions to the failure and invalidity of opening nginx.pid

The space is displayed differently in IE, Firefox, and Chrome browsers

Solutions to the failure and invalidity of opening nginx.pid

Detailed steps for embedding Baidu Maps in web pages and using Baidu Maps API to customize maps

How to configure the same domain name for the front and back ends of nginx

Commands to find domain IP address in Linux terminal (five methods)

HTML Tutorial: Collection of commonly used HTML tags (5)

jQuery custom magnifying glass effect

Simple usage example of vue recursive component

How to change mysql password under Centos

js+canvas realizes code rain effect

MySQL database table and database partitioning strategy

Recommend

Web Design Experience: Self-righteous Web Designers

In-depth understanding of the use of r2dbc in MySQL

Detailed explanation of Mysql function call optimization

Tutorial on installing the latest MySQL 8.0.18 using a compressed package on Win10 64-bit (with pictures and text)

jQuery achieves the shutter effect (using li positioning)

Example code for implementing triangles and arrows through CSS borders

VMware Workstation download and installation detailed tutorial

JS realizes the case of eliminating stars

Docker online and offline installation and common command operations

Detailed explanation of important cascading concepts in CSS

Nginx Linux installation and deployment detailed tutorial

Write a formal blog using XHTML CSS

Reference SVG images in CSS to support dynamic color switching implementation code

Detailed explanation of the use of cloud native technology kubernetes scheduling unit pod

HTML pop-up div is very useful to realize mobile centering