2012-07-18 93 views
17
.container:after { 
content: "\0020"; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
overflow:hidden;} 
内容

请解释什么是效果“的内容:‘\ 0020’;物业内容有什么影响:“ 0020”;属性?

+1

你可以尝试一下,看看 – 2012-07-18 11:53:30

+0

它只是为Unicode空间。 – Christoph 2012-07-18 11:55:58

+0

这里解释:http://www.artishock.net/coding/css-list-styling-using-ascii-special-characters/ – 2012-07-18 11:56:29

回答

26

\0020插入Unicode码点U + 0020,这是一个空间,这样的代码就相当于? content: ' ';

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

然而,在片段你张贴,此内容将不可见的所以你不会看到任何东西。该代码是一个clearfix实现来重新浮动页面上的元素。

+1

他们为什么决定采用十六进制unicode,而不仅仅是html实体,虽然是另一回事...... – Christoph 2012-07-18 11:59:30

+4

@Christoph这是CSS,你不能在这里使用HTML实体。即使在HTML中,您通常应该*不使用HTML实体(当然除了'<', '>'和'&'),但是Unicode字符(但是当输入不在您的字符中时,这可能并不总是实用的键盘......)。 – 2012-07-18 12:00:12

+0

1)我知道2)我知道,当然这可以说现在,但有时间使用utf编码不是事实上的标准... – Christoph 2012-07-18 12:05:49

2

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

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

一个单一的空格HEX是20,所以你可以使用\ 0020

+2

“对于高质量排版,建议......” - 什么。为什么? – 2012-07-18 11:58:46