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

这增加了一个空格字符来清除浮动。谷歌 clearfix 你会看到类似的东西。

参考：内容属性可能包含：文本字符串、外部资源的 URI（例如图像）和 ASCII 码特殊字符。对于高质量的排版，建议使用 ISO 10646 字符并将它们编码为十六进制表示。

一个空格 HEX 是 20，所以你会使用 \0020

2 回答 2