IE9 で行高テキストの垂直方向の中央揃えがサポートされていない問題の解決策

php中世界最好的语言
リリース: 2017-12-16 11:14:22
オリジナル
2109 人が閲覧しました

IE9 では、作成した Web ページのテキストを垂直方向の中央揃えにできないことがあります。IE9 の line-height 設定でテキストを垂直方向の中央揃えにできない理由は何ですか?

IE9 では line-height を使用してテキストを垂直方向に中央揃えにすることができますが、これは設定した css フォント に関連するものであることがわかります。通常は、font-family の設定に慣れています。 : Arial、Helvetica、sans-serif;

IE9 での行の高さの問題の解決策:
1. フォントを設定し、Songti を追加するだけで問題を解決できます。たとえば、CSS コード font-family:Arial、「宋体」。 ",Helvetica, sans-serif; この方法は、中国語の文字を変換します。 英語フォントの後ろに置きますが、あまり良くありません。 IE9 が中国語フォントに対応している問題を解決するには、以下の 2 番目の点をお勧めします。

2. CSS で中国語フォントのみを使用する必要がある場合の対処方法は、中国語フォント名を Unicode エンコーディングに変換できます。

Unicode エンコード変換のデモ:
Song font: 5B8B4F53
Helvetica: 9ED14F53
Microsoft Yahei: 5FAE8F6F96C59ED1

以下の通り:
div{font-family:"宋体";}
変換後: :" 5B8B4F53 ";}

フォントを設定するときは、Hengti や Songti など、システムに付属するデフォルトのフォントも設定する必要があることに注意してください。

英語のフォントは中国語の IE9 では認識されないため、IE9 は中国語のフォント設定を見つけることができず、フォントの垂直方向のエラーが発生します。


これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

キャメルケースの名前付けと JS に関する質問への回答

JS のブール値、関係演算子、論理演算子の詳細な説明と例

フロントエンド JS の概要フレームワークとその使用法の説明

以上がIE9 で行高テキストの垂直方向の中央揃えがサポートされていない問題の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ie
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート