如何使用image_tag將多個css類添加到<img>？

Question

如何使用image_tag將多個css類添加到<img>？

使用image_tag("image.png", :class => "class1, class2")似乎不起作用

Answer 1

用逗號不要分開班，使用空格分隔它們...

image_tag("image.png", :class => "class1 class2") 

注：不能使用內部的空間班級名稱...使用 _或-將它們分開，如果您使用的空間超過班級1班級2將會像所有無效的班級。

Answer 2

The following will work: 
<%= image_tag("/image.png", :class => "class1 class2")%> 

Answer 3

要申請多個類的任何控制或HTML元素，你需要用的空間，而不是逗號分隔的類名。

例如

<div class="class1 class2"> 
// Content here. 
</div> 

Answer 4

我認爲這是不正確的做法，因爲這不適合我的工作。

相反，我試圖

<%= image_tag("image.png"), :class => "media-object img-circle" %>

這完美地工作。

Answer 5

舊的問題，但我認爲這可能是有用的指出，至少在Rails> = 4.2，你可能傳遞一個數組值。

image_tag("avatar", class: [:class1, :class_2, "img-responsive", 'img-circle']) 

將產生類似以下的東西：如果你的類包含一個連字符它需要用引號括起來

<img class="class1 class_2 img-responsive img-circle" src="/assets/avatar.png" alt="Avatar" /> 

拿筆記，否則將Ruby後對待任何事情的方法/變量。

:img-responsive 

undefined local variable or method `responsive' for #<#<Class:0x007fb6baa52198>:0x007fb6b982e2f0>