スペース IE、Firefox、Chrome ブラウザで表示距離が一定しない_HTML/Xhtml_Web ページの制作

  IE、Firefox、Chrome ブラウザでの表示効果は異なります。これは、主に先行するスペースの幅が異なるためです。

オンライン情報によると、
ブラウザごとにデフォルト フォントが異なります。一般に、IE のデフォルト フォントは Songdynasty ですが、Firefox と chrome のデフォルト フォントは Times New Roman です。
Song Princess は等幅文字のフォントですが、Times New Roman は等幅文字のフォントではありません。ブラウザのデフォルトのフォントが異なるため、
スペース文字の表示幅も異なります。ブラウザ。

たとえば、次のコードはそれぞれ IE と chrome でテストされています

コードをコピーします

コードは次のとおりです。

td>nbsp;nbsp ;nbsp;nbsp;nbsp;nbsp;私は 3 行目です



Chrome での効果は次のとおりです:


IE9 での表示効果は次のとおりです:

Chrome では 2 文字が 1 つの漢字の幅を占めていることがわかります。 、一方、IE では 4 つは漢字 1 文字分の幅しか占めません。
解決策:
1. ページのエンコード形式を変更します銇娿倛銇炽儦銉笺偢銇

🎜>

nbsp;nbsp;nbsp;私は 2 行目です