How to unify the space width in different browsers

521 Views Asked by herbertD At 21 October 2024 at 07:39

The space   shows different width in Chrome and IE, how to unify them?

In IE it is shorter than in Chrome and Firefox.

I've tried use the font but nothing seems to have happened.

<span style="font-family: 宋体, SimSun; font-size: 20px;">&nbsp;&nbsp;</span>

Original Q&A

There are 2 best solutions below

Deepak-MSFT On 17 December 2018 at 01:47 BEST ANSWER

You can try to add padding in css to add a similar amount of space in span across various browsers.

Try to refer example below.

<!doctype html>
<head>
  <title>demo</title>
<style>
 span.padd{padding-left:60px;}
</style>
</head>
<body>

<span class="padd">Demo Text</span>

</body>
</html>

aridlehoover On 16 December 2018 at 15:02

Do not use   as a separator between two elements, for exactly this reason.

Instead, you're better off setting the CSS width: attribute on the <span> to the exact width you need:

<span style="width: 10px"></span>

Note: I only show px here so the syntax is correct. You should pick a better unit of measure. See this.

Frankly, even that's not a great solution. It would probably be better to put margin on the things that you need to separate, than to put a separator between them.

How to unify the space width in different browsers

There are 2 best solutions below

Related Questions in HTML

Related Questions in GOOGLE-CHROME

Related Questions in INTERNET-EXPLORER

Related Questions in FIREFOX

Related Questions in NON-BREAKING-CHARACTERS

Trending Questions

Popular # Hahtags

Popular Questions