Problems with inconsistent results in different browsers with hollow lattice display (mainly width inconsistency)

<div>&nbsp;&nbsp;abc</div>

In IE, Firefox, Chrome browser display the effect is not the same, mainly the front of the space width is different.

On the Internet to check the information, it is probably the meaning of:

Different browsers will have different default fonts, general IE default fonts are Arial, and Firefox and chrome default font is times New Roman, Arial is a character, such as wide font, but Times New Roman is not a character width font, Because the browser's default font is different, the space character &nbsp; display width under different browsers is different.

Workaround: Set the font in the blank line, set the font to any one of the characters, such as the spacing of the font on the line.

such as: <div style= "font-family: ' Song body ';" >&nbsp;&nbsp;abc</div>

Problems with inconsistent results in different browsers with hollow lattice display (mainly width inconsistency)