IE、Firefox、Chromeブラウザではスペースの表示が異なります
|
IE、Firefox、Chrome ブラウザでの表示効果は、主に先行スペースの幅が異なるため、若干異なります。 オンライン情報によると、ブラウザによってデフォルトのフォントが異なります。一般的に、IE のデフォルトのフォントは Songti で、Firefox と Chrome のデフォルトのフォントは Times New Roman です。 Songti は等幅文字のフォントですが、Times New Roman はブラウザのデフォルトフォントが異なるため、等幅文字のフォントではありません。 スペース文字の表示幅はブラウザによって異なります。 たとえば、次のコードはそれぞれIEとChromeでテストされています。 コードをコピー コードは次のとおりです。<テーブル> <tr> <td>私は最初の列です</td> </tr> <tr> <td>nbsp;nbsp;nbsp;nbsp;私は2列目です</td> </tr> <tr> <td>nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;私は3列目です</td> </tr> </テーブル> Chrome での表示効果は次のとおりです。  IE9での表示効果は次のようになります。  Chrome では 2 つの が 1 つの漢字の幅を占め、IE では 4 つの が 1 つの漢字の幅を占めていることがわかります。 解決： 1. ページのエンコード形式を変更します <meta http-equiv="content-type" content="text/html; charset=gbk"> ページをコンパイルする方法（myeclipse で）  次にIEを右クリックしてエンコード表示形式を変更します  2. (推奨) スペースのある行にフォントを設定します。文字間の間隔が均等になるように任意のフォントを設定します。 のように： コードをコピー コードは次のとおりです。<div style="font-family: '宋体'">nbsp;nbsp;nbsp;nbsp;私は2行目です</div> PS:nbsp;以下を置き換えてください |
<<: JavaScript ESの新機能letとconstキーワードに基づく
>>: 純粋な CSS でカスタムラジオボタンとチェックボックス機能を実装する
![CSS の記述基準と順序を共有する [すべての人に使用を推奨]](/upload/images/67cacbac86df7.webp)
推薦する
Linux でスレッドを作成するための pthread_create の具体的な使用法
pthread_create関数機能紹介pthread_createはUNIX環境のスレッド作成関数...
HTML テーブル マークアップ チュートリアル (42): テーブル ヘッダーの水平方向の配置属性 ALIGN
水平方向では、テーブル ヘッダーの配置を左、中央、右に設定できます。基本的な構文<TH ALI...
MYSQL接続ポートが占有され、ファイルパスエラーが発生する問題を解決します
今朝、私は Wampserver を使用してローカルの win7 マシン上に PHP 環境を構築し、...
Docker nginxは1つのホストを実装して複数のサイトを展開します
とあるサイトからレンタルした仮想マシンの有効期限が近づいており、更新料が200元以上かかります。Al...
Vue カプセル化に基づくプルダウン更新およびプルアップ読み込みコンポーネント
VueとネイティブJavaScriptカプセル化に基づいて、プルダウンリフレッシュとプルアップロード...
React tsx はランダムな検証コードを生成します
React tsxは参照用にランダムな検証コードを生成します。具体的な内容は次のとおりです。最近、t...
Nginxの現在の制限設定の詳細な説明
この記事では、最も単純なものから最も複雑なものまで、Nginx の現在の制限構成を例を使って説明しま...
JavaScript デザインパターン 責任連鎖パターン
目次概要コードの実装パラメータ定義成し遂げる責任連鎖パターンの実装改善概要責任チェーン パターンは、...
MySQL Server 8.0.13.0 インストールチュートリアル（画像とテキスト付き）
MySQL 6.1.3 をベースにした 8.0.13 をインストールします。 MySQL 8.0....
Vueはシンプルなショッピングカートの例を実装します
この記事では、参考までに、シンプルなショッピングカートケースを実装するためのVueの具体的なコードを...
MySQL のデータベース パフォーマンスに影響を与える要因の説明
データベースのパフォーマンスに関する話面接では、「データベースにどのくらい精通していますか？」など、...
ドラッグ可能なログインボックスを実現するネイティブJS
この記事では、ネイティブ JS で実装されたドラッグ可能なログイン ボックスを紹介します。その効果は...
Vueの学習手順
目次1. v-text (v-instruction name = "variable&q...
セキュリティとパフォーマンスを向上させるためのNginxの最適な構成の詳細な説明
主に、Nginx で X-Frame-Options、X-XSS-Protection、X-Cont...
Nginx の break と last の違いの詳細な分析
まずは違いについて話しましょう最後に、書き換えられたルールは、次の場所と一致させるために書き換えられ...