ホームページ  >  記事  >  ウェブフロントエンド  >  絶対に知らない HTML でスペースを表現する 5 つの方法

絶対に知らない HTML でスペースを表現する 5 つの方法

烟雨青岚
烟雨青岚転載
2020-07-02 13:08:233207ブラウズ

絶対に知らない HTML でスペースを表現する 5 つの方法

HTML には、幅の異なる 5 種類のスペース エンティティ (スペース エンティティ) が用意されています。非改行スペースは通常のスペースの幅であり、すべてのスペースで実行できます。主流のブラウザ。他のいくつかのスペースは、ブラウザーごとに幅が異なります。

 

それは休憩なしスペースと呼ばれており、正式名称は休憩なしスペースです。これは最も一般的なスペースであり、私たちが最もよく使用するスペースです。ほとんどの人はこれにのみさらされる可能性があります。スペースキーを押すと生成されるスペース。 HTML では、スペースバーを使用してこのスペースを生成すると、スペースは蓄積されません (1 としてカウントされるだけです)。 HTML エンティティ表現を使用してのみ蓄積できます。

このスペースが占める幅は、明らかにフォントの影響を強く受けます。

 

これは「半角スペース」と呼ばれ、正式名称はEn Spaceです。enはタイポグラフィの測定単位で、emの幅の半分です。定義上、これはフォント サイズの半分に相当します (例: 16 ピクセル フォントの 8 ピクセル)。名目上は小文字 n の幅です。このスペースは、スペース ファミリの一貫した特性を継承しています。つまり、透明です。このスペースは、非常に安定した特性を持っています。

は、そのスペースが占める幅がちょうど中国の幅の 1/2 であることを意味します。基本的にフォントの影響を受けません。

 

「全角スペース」といい、正式名称はEmスペースといいますEmはタイポグラフィの単位で、現在指定されているポイント数に相当します。たとえば、16 ピクセルのフォントの 1 em は 16 ピクセルです。このスペースも、スペース ファミリの一貫した特性を継承しています。つまり、透明です。このスペースには、非常に安定した特性もあります。

は、それが占める幅がちょうど 1 中国幅であることを意味し、基本的にはフォントの影響を受けません。

 

ナロースペースと呼ばれており、正式名称はThin Spaceです。これは「スキニースペース」と呼んでもいいでしょう。つまり、スペースが比較的薄く、ボディが薄く、占有幅が比較的小さいことを意味します。幅は em の 6 分の 1 です。

読んでくれた皆さん、ありがとうございます。たくさんの利益が得られることを願っています。

推奨チュートリアル: 「HTML チュートリアル

以上が絶対に知らない HTML でスペースを表現する 5 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。