Question

我有以下导轨代码

<%= link_to mypath do %>
    <%= content_tag(:i, "" ,:class=>' icon-eye-open' %>
<% end %>
<%= @num %>

生成html

<a href="/mypath">
    <i class=" icon-eye-open"></i>
</a>
100

问题是，如jsfiddle here所示，当鼠标悬停在图标上时，数字和图标之间会有一个带下划线的空格。视觉目的需要空间，但如何在没有css的情况下删除链接的下划线？

为什么没有？我可以text-decoration: none;为某些css选择器，特定的或通用的，但我想理解为什么这个下划线发生。如果@num被删除，则没有下划线，并且因为它位于锚标记之外，所以它不应该影响它。然而，它显然确实如此。

Answer 1

这是因为 

之后的空白
尝试将jsFiddle中的代码切换为：

<a href="/mypath"></a>100

问题就消失了。

这是因为元素是内联（或者更确切地说， inline-block ），这意味着空格通常是重要的。

要防止ERB在标记结束后使用尾随-%>来包含换行符，即：

<%= content_tag(:i, "" ,:class=>' icon-eye-open' -%>

链接在bootstrap glyphicon上

1 个答案: