2012-07-18 119 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

相關問題