コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-05-16 16:37:38
オリジナル
1793 人が閲覧しました

  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. ページのエンコード形式を変更しますおよびページのコンパイル方法 (myeclipse 内)

次に IE を右クリックしてエンコード表示形式を変更します

2. (推奨) フォントをスペース行を入れて配置する 等間隔の文字を含む任意のフォントにフォントを設定するだけです。
例:



コードをコピーします

コードは次のとおりです:
nbsp;nbsp;nbsp;nbsp;私は 2 行目です
追記: nbsp;  に置き換えます。
関連ラベル：
空間
ソース：php.cn
前の記事：margin-top の負の値により、ラベル テキストの垂直方向の中央揃えと input_HTML/Xhtml_Web ページの作成の問題が解決されます。 次の記事：HTML UL 順序なしリスト アプリケーションのネスティング_HTML/Xhtml_Web ページの作成
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container">&l...
から 2024-04-06 20:29:08
0
2
492
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート

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