2016-10-29 160 views
0

如果我們使用font awesome/css:bfore:假選擇器的內容代碼不止一次。例如重複中的字體真棒圖標

#div:before { 
font-family: 'FontAwesome'; 
content:"\f0c9 \f0c9 \f0c9 \f0c9"; /*SEE I USED "\f0c9" more than one time */ 
} 

活生生的例子:http://jsfiddle.net/1ep1vnL4/

所以這是一個很好的做法,如果我用它生產? 因爲我想使用一個圖標3次,所以我很懶,把3個新的divs,並再次重複一切。

回答

1

使用&mdash;&mdash;&mdash;而不是<div>&mdash;</div><div>&mdash;</div><div>&mdash;</div>不好嗎?

字體真棒只是一種字體...這是使用任何其他字體的任何字符相同。在:before僞元素中使用3或4個字符與在<p>標記內使用3或4個字符沒有多大區別。

將會有更多開銷,如果你要爲每個字符使用不同的元素(div,span,p)。

+0

太棒了!如果瀏覽器(如chrome)縮小了css並刪除了字符之間的空格呢?這是一個案子? – YOU

+0

您需要測試縮小是否發生......我的瀏覽器不會自動縮小這裏的東西。 – Scott

+0

經過測試和縮小不會消除空間。 我想我應該開始使用它。謝謝! – YOU