css - コンテンツの効果は何ですか： "\ 0020"; 財産？

Question

.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}

コンテンツ

「コンテンツ：」\0020;プロパティの効果を説明してください。

score 30 · Accepted Answer

\0020スペースであるUnicodeコードポイントU+0020を挿入します。したがって、コードはと同等content: ' ';です。

content: xコンテンツ（=表示されたテキスト）を値に置き換えますx。

ただし、投稿したスニペットでは、このコンテンツはとにかく非表示になっているため、実際には何も表示されません。このコードは、ページ上の要素を再フロートするためのclearfix実装です。

score 2 · Accepted Answer

これにより、フロートをクリアするためにスペース文字が追加されます。Google clearfix を使用すると、同様のものが表示されます。

参照: content プロパティには、テキスト文字列、外部リソースの URI (画像など)、および ASCII コードの特殊文字を含めることができます。高品質の組版を行うには、ISO 10646 文字を使用し、HEX 表現でエンコードすることをお勧めします。

1 つのスペース HEX は 20 なので、\0020 を使用します。

2 に答える 2