bağlantı

Question

Aşağıdaki raylar kodu var html üretir

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

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

sorundur, jsfiddle here görüldüğü gibi, bu simgenin üzerine gelindiğinde, orada sayı ve simge arasında altı çizilen bir boşluktur. Alan görsel amaçlar için gereklidir, ancak bağlantının altını css olmadan nasıl kaldırırım?

Neden olmasın? Bazı css seçici, spesifik veya jenerik için text-decoration: none; yapabilirdim, ancak neden bu alt çizginin gerçekleştiğini anlamak istiyorum. @num kaldırılmışsa, alt çizgi yoktur ve bağlantı etiketinin dışında olduğundan, onu etkilememelidir. Yine de belli ki öyle.

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

ve sorun çözülüyor:

Answer 1

Bu </i>

için jsFiddle kodunuzu geçmeyi deneyin sonra boşluk nedeniyle gerçekleşiyor. <i> elemanı içi (daha doğrusu, içi blok) boşluk anlamına gelmektedir, bir kural olarak önemli olduğu için

Bu

olup.

---

yani sondaki -%> ile yakın bir etiketinden sonra bir yeni satır eklemesini ERB önlemek için:

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