html - 删除间隙中的链接下划线

Question

对不起，我的英语。

你好，我在一些参考文献中使用了FontAwesome，我需要在图标之间去掉下划线的文字链接，有这种可能吗？

<p><a href="#"><i class="fa fa-user"></i> Username</a></p>

JSFiddle中的模式

Answer 1

删除空格并使用 i 标签内的填充

a:hover {text-decoration:none;}
a i {text-decoation:none; padding-right:5px}

http://jsfiddle.net/jEh6J/2/

Answer 2

a:hover {text-decoration:none;}
a {text-decoration:none;}

http://jsfiddle.net/jEh6J/1/

Answer 3

小提琴

如果要删除 and 之间的线a，请i添加一个填充器：padding-right

a:hover {text-decoration:none;}
a i { text-decoration:none; padding-right:10px;}

此外，删除文本“用户名”之前的空格。无论如何，我把它固定在小提琴中。

结果