ホームページ ウェブフロントエンド htmlチュートリアル スペース IE、Firefox、Chrome ブラウザで表示距離が一定しない_HTML/Xhtml_Web ページの制作

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

May 16, 2016 pm 04:37 PM
空間

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

mysql におけるスペースは何を意味しますか? mysql におけるスペースは何を意味しますか? Jul 20, 2023 pm 05:17 PM

MySQL スペースは、キーワード、識別子、値、およびその他のステートメント要素を区切るために使用される特殊文字です。スペースは SQL ステートメント内の複数の場所で使用でき、通常はステートメントの実行には影響しません。スペースの目的: 1. キーワードと識別子を区切るために使用されます; 2. 演算子と値を区切るために使用されます; 3. 関数、列、およびテーブルの別名を区切るために使用されます; 4. インデントと配置に使用されます。

全角スペースと半角スペースの違い 全角スペースと半角スペースの違い Mar 25, 2024 pm 12:45 PM

全角スペースと半角スペースの違い ワープロソフトを使ったり、テキストコンテンツを編集したりするときに、スペースという概念が出てくることがあります。スペースはテキストの組版や書式設定において非常に基本的な要素ですが、全角スペースと半角スペースの違いがわからない人も多いかもしれません。日常的に使用していると、全角スペースと半角スペースが状況に応じて異なる効果を持っていると感じていても、その微妙な違いには気づいていないかもしれません。まず、全角スペースと半角スペースの違いは、占める幅です。

Go でスペースを正しく使用する方法 Go でスペースを正しく使用する方法 Mar 29, 2024 pm 03:42 PM

Go 言語は、シンプルで効率的、同時実行性の高いプログラミング言語であり、Google によって開発されたオープンソース言語です。 Go 言語では、スペースの使用は非常に重要であり、コードの可読性と保守性を向上させることができます。この記事では、Go 言語でスペースを正しく使用する方法と具体的なコード例を紹介します。スペースを正しく使用する必要がある理由 プログラミング プロセスでは、スペースの使用はコードの読みやすさと美しさにとって非常に重要です。スペースを適切に使用すると、コードがより明確で読みやすくなり、

vueでスペースを置換する方法 vueでスペースを置換する方法 Dec 22, 2022 am 09:40 AM

Vue でスペースを置換する方法: 1. Vue サンプル ファイルを作成します; 2. 正規表現 "string = string.replace(/\s/g," ");" を使用してすべてのスペースを置換します; 3. 「console.log」を使用します。 (string);" 置換された文字列を出力するだけです。

全角スペースと半角スペースの違いは何ですか? 全角スペースと半角スペースの違いは何ですか? Mar 15, 2024 pm 03:49 PM

相違点: 1. 全角スペースの表示幅は漢字と同じ2バイトで、入力時は中国語入力方式を使用する必要がありますが、半角スペースの幅は漢字の半分です。 , 1バイトを占め、スペースキーを押すだけで入力可能; 2. 文字を組版する際、全角スペースを入れるとゆったりとしたレイアウトになり、半角スペースを入れるとコンパクトなレイアウトになります。

Golangのスペース置換の実践テクニックを共有 Golangのスペース置換の実践テクニックを共有 Mar 13, 2024 am 09:15 AM

タイトル: Golang でスペースを置き換える実践的なテクニックの共有 インターネットの普及と発展に伴い、プログラムの設計と開発はますます重要になってきています。プログラミングプロセスにおいて、データ処理は非常に重要な部分です。テキスト データを処理するときに、スペースを置換する必要がある状況がよく発生します。この記事では、Golang でスペースを置換するテクノロジを実装する方法と、具体的なコード例を示します。なぜスペースを置換する必要があるのですか?スペースはテキスト データでよく使われる特殊文字の 1 つですが、場合によっては、スペースを他の文字に置き換えたり、スペースを削除したりする必要があります。

PHPで連続したスペースを削除する方法 PHPで連続したスペースを削除する方法 Nov 03, 2022 am 10:16 AM

PHP で連続するスペースを削除する方法: 1. PHP サンプル ファイルを作成します。 2. 「strip_tags()」関数を使用して、文字列内の HTML、XML、および PHP タグを削除します。 3. 「str_replace」 および " を通じて実装します。 preg_replace" 関数 連続するスペースを削除するだけです。

PHPで文字列の両端のスペースを削除する方法 PHPで文字列の両端のスペースを削除する方法 Feb 20, 2021 pm 04:22 PM

PHP で文字列の両端のスペースを削除する方法: 1. 両端のスペースを削除するには、trim() 関数を直接使用します。この関数は、文字列の両側にある空白文字またはその他の事前定義された文字を削除できます。構文は "トリム(string)"; 2. trtrim() 関数と ltrim() 関数を使用して、それぞれ文字列の右側と左側にある空白文字またはその他の事前定義された文字を削除します。構文は「rtrim(ltrim(string))」です。 。

See all articles

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