.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
內容
請解釋什麼是效果「的內容:‘\ 0020’;物業內容有什麼影響:「 0020」;屬性?
.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
內容
請解釋什麼是效果「的內容:‘\ 0020’;物業內容有什麼影響:「 0020」;屬性?
\0020
插入Unicode碼點U + 0020,這是一個空間,這樣的代碼就相當於? content: ' ';
。
content: x
值替換爲x
內容(=顯示的文本)。
然而,在片段你張貼,此內容將不可見的所以你不會看到任何東西。該代碼是一個clearfix實現來重新浮動頁面上的元素。
他們爲什麼決定採用十六進制unicode,而不僅僅是html實體,雖然是另一回事...... – Christoph 2012-07-18 11:59:30
@Christoph這是CSS,你不能在這裏使用HTML實體。即使在HTML中,您通常應該*不使用HTML實體(當然除了'<', '>'和'&'),但是Unicode字符(但是當輸入不在您的字符中時,這可能並不總是實用的鍵盤......)。 – 2012-07-18 12:00:12
1)我知道2)我知道,當然這可以說現在,但有時間使用utf編碼不是事實上的標準... – Christoph 2012-07-18 12:05:49
這增加了一個空格字符來清除浮游物。谷歌清晰,你會看到類似的東西。
參考: 內容屬性可能包含:文本字符串,外部資源的URI(例如圖像)和ASCII代碼特殊字符。對於高質量的排版,建議使用ISO 10646字符並將它們編碼爲HEX表示。
一個單一的空格HEX是20,所以你可以使用\ 0020
「對於高質量排版,建議......」 - 什麼。爲什麼? – 2012-07-18 11:58:46
你可以嘗試一下,看看 – 2012-07-18 11:53:30
它只是爲Unicode空間。 – Christoph 2012-07-18 11:55:58
這裏解釋:http://www.artishock.net/coding/css-list-styling-using-ascii-special-characters/ – 2012-07-18 11:56:29