如何将多个css类添加到<;img>;使用图像标签?

如何将多个css类添加到<;img>;使用图像标签?,css,ruby-on-rails,Css,Ruby On Rails,如何使用image\u标记将多个css类添加到 使用image\u标记(“image.png”,:class=>“class1,class2”)似乎不起作用不要用逗号分隔类,用空格分隔类 image_tag("image.png", :class => "class1 class2") 注意:不能在类名中使用空格…请使用 \uuu或-,如果使用大于1类的空间,则2类将类似于4个类,其中所有类都无效 以下操作将起作用: “1类2”)%%> 要将多个类应用于任何控件或html元素,需要用空格

如何使用image\u标记将多个css类添加到


使用
image\u标记(“image.png”,:class=>“class1,class2”)
似乎不起作用

不要用逗号分隔类,用空格分隔类

image_tag("image.png", :class => "class1 class2")
注意:不能在类名中使用空格…请使用
\uuu
-
,如果使用大于1类的空间,则2类将类似于4个类,其中所有类都无效

以下操作将起作用:
“1类2”)%%>

要将多个类应用于任何控件或html元素,需要用空格而不是逗号分隔类名称

比如说

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

//内容在这里。

我认为这不是正确的方法,因为这对我不起作用

相反,我尝试了


“media object img circle”%>
这是一个老问题,但我想指出一点可能有用,至少在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>
:img响应
未定义的局部变量或方法“响应”#

,而且即使没有像下面这样的括号,它也能工作:class=>“class1 class2”@PavelNikolov Ya不知道ruby,但应用了CSS基本规则并回答:)
:img-responsive

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