.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
内容
请解释“内容:”\ 0020“;属性的作用是什么?
.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
内容
请解释“内容:”\ 0020“;属性的作用是什么?
\0020
插入 Unicode 代码点 U+0020,它是一个空格。所以代码等价于content: ' ';
.
content: x
用值替换内容(=显示的文本)x
。
但是,在您发布的片段中,此内容无论如何都是不可见的,因此您实际上什么也看不到。该代码是用于在页面上重新浮动元素的clearfix实现。
这增加了一个空格字符来清除浮动。谷歌 clearfix 你会看到类似的东西。
参考:内容属性可能包含:文本字符串、外部资源的 URI(例如图像)和 ASCII 码特殊字符。对于高质量的排版,建议使用 ISO 10646 字符并将它们编码为十六进制表示。
一个空格 HEX 是 20,所以你会使用 \0020