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 でカスタムラジオボタンとチェックボックス機能を実装する
推薦する
CentOS サーバーの時間を北京時間に変更する方法
1. VPSとCentOSシステムを購入しましたが、サーバーの時間が北京時間と一致せず、時差があるこ...
Linux で PHP を 5.6 にアップグレードする実用的な方法
1: ターミナルに入ったらPHPのバージョンを確認する php -v出力は次のようになります。 PH...
Linux 環境で crontab コマンドを使用して、スケジュールされた定期的な実行タスクを設定します (PHP 実行コードを含む)
この記事では、Linux 環境で crontab コマンドを使用して、タスクの定期的な実行をスケジュ...
10分でDockerを使ったマイクロサービスのデプロイ方法を学ぶ
Docker は 2013 年のリリース以来、広く注目され、ソフトウェア業界を変える可能性を秘めてい...
Macにmysql5.7.18をインストールする詳細な手順
1. ツール今必要なツールは2つあります: MySQLサーバー (mysql-5.7.18)、MyS...
Windows Server 2016 標準キー アクティベーション キー シリアル番号
Windows Server 2016 アクティベーション キーを皆さんと共有したいと思います。wi...
DIV共通属性コレクション
1. 物件リストコードをコピーコードは次のとおりです。色: #999999 テキスト色フォントファミ...
Linux と最もよく使用されるコマンドの紹介 (習得は簡単ですが、問題の 95% 以上を解決できます)
Linux は現在最も広く使用されているサーバー オペレーティング システムです。Unix をベー...
MySQL 外部キー制約の無効化と有効化コマンド
MySQL 外部キー制約の無効化と有効化: MySQL 外部キー制約が有効になっているかどうかは、グ...
SQL と NoSQL の違いのまとめ
主な違い: 1. タイプSQL データベースは主にリレーショナル データベース (RDBMS) とし...
数千万データを持つMySQLテーブルを最適化する実践記録
序文まずここで説明させてください。インターネット上では、Alibaba では 500 万のデータを異...
バックアップと削除のためにリアルタイムでステートメントを検出するMySQLトリガーの考え方の詳細な説明
問題の説明: ユーザーは、テーブルに「違反」という単語を含むフィールドが時々表示されることを要求して...
知っておくべき 18 の Web ユーザビリティの原則
世界最高のビジュアル デザイン スキルを持っていたとしても、訪問者がページ間やアイテム間を快適に移...
Linuxの一般ユーザー向けスケジュールタスクの詳細な説明
序文通常のユーザーはcrontabスケジュールタスクを定義します。たとえば、Oracleユーザーはス...
Linux Centos7 に mysql8 をインストールするチュートリアル
1. RPMバージョンのインストールデータベースの他のバージョンがあるかどうかを確認し、ある場合は完...