2016-10-29 100 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