删除间隙中的链接下划线答案

【问题标题】：Removing links underline in the gaps删除间隙中的链接下划线
【发布时间】：2014-07-06 07:42:27
【问题描述】：

对不起，我的英语不好。

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

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

JSFiddle中的模式

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

Fiddle

如果要删除a 和i 之间的行，则添加一个填充器：padding-right

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

另外，删除文本“用户名”之前的空格。反正我把它修好了。

【讨论】：