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

请解释“内容:”\ 0020“;属性的作用是什么?

4

2 回答 2

30

\0020插入 Unicode 代码点 U+0020,它是一个空格。所以代码等价于content: ' ';.

content: x用值替换内容(=显示的文本)x

但是,在您发布的片段中,此内容无论如何都是不可见的,因此您实际上什么也看不到。该代码是用于在页面上重新浮动元素的clearfix实现。

于 2012-07-18T11:55:28.903 回答
2

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

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

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

于 2012-07-18T11:57:12.457 回答