collegamento in una glyphicon bootstrap

Question

Ho il codice seguenti guide

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

che genera il codice HTML

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

Il problema è, come si vede nella jsfiddle here, che al passaggio del mouse sopra l'icona, ci è uno spazio sottolineato tra il numero e l'icona. Lo spazio è necessario per scopi visivi, ma come faccio a rimuovere la sottolineatura del collegamento senza css?

Perché senza? Potrei fare text-decoration: none; per qualche selettore di CSS, specifico o generico, ma voglio capire perché questo sottolineatura accade. Se lo @num viene rimosso, non vi è alcuna sottolineatura e poiché non si trova all'esterno del tag di ancoraggio, non dovrebbe influire su di esso. Eppure, ovviamente lo fa.

Answer 1

Questo sta accadendo a causa del spazi dopo il </i>

prova a cambiare il codice nel jsFiddle a:

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

e il problema va via.

Ciò è perché l'elemento <i> è linea (o meglio, inline-block), il che significa che gli spazi bianchi è, di norma, significativo.

---

Per evitare ERB da incluso il fine riga dopo un tag di chiuderlo con un trailing -%>, vale a dire:

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