ホームページ  >  記事  >  ウェブフロントエンド  >  Chrome、Firefox、その他のブラウザではスペース文字の解釈が異なり、ページの表示に一貫性がありません_html/css_WEB-ITnose

Chrome、Firefox、その他のブラウザではスペース文字の解釈が異なり、ページの表示に一貫性がありません_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:23:121552ブラウズ

私は最近 Web を始めたばかりで、初心者レベルでゼロから始めて、遭遇した小さな問題を記録しています。

オンライン情報によると、IE、Firefox、Chrome ブラウザーではスペースの表示効果が異なります。主な理由は、その前のスペースの幅が異なるためです。これは、一般に、ブラウザーによってデフォルトのフォントが異なるためであると考えられます。 IEのデフォルトのフォントはSong Dianaです
、FirefoxとChromeのデフォルトのフォントはTimes New Romanです。 Songdynastyは文字の幅が等しいフォントですが、Times New Romanは文字の幅が等しいフォントではありません。ブラウザごとにデフォルトのフォントが異なり、スペース文字
もブラウザごとに異なります。また、以下の表示幅も異なります。

解決策として、空間効果を実現するには、span 要素と spacing を組み合わせて使用​​することをお勧めします。私も自分でテストしましたが、とても気持ちがいいです、

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。