html - 如何将 CSS 类添加到此 Ruby 注入(inject)中？

Question

我的问题是每当 html 内容是图像时，我希望它是 class="img-responsive" .否则大图像看起来很糟糕。 我试图将父 div 的类设置为 img-responsive但不知何故它不会被继承。

所以我试图以某种方式将此 CSS 类添加到以下 Ruby 注入(inject)中:

<%= raw(activity.trackable.content_html) %>

我试过了 <%= raw(activity.trackable.content_html), :class => "img-responsive" %>但给出语法错误。

Answer 1

您可以执行以下操作:

用一个 div 包裹 raw 语句，并给那个 div 一个 id。

<div id="image-wrapper">
   <%= raw(activity.trackable.content_html) %>
</div>

现在，在您的 custom.css 文件或其他 Assets 文件中，将 img-responsive 类元素添加到新的 css，例如:

在custom.css

#image-wrapper p img{
    display: block;
    height: auto;
    max-width: 100%;
}

只要在新创建的 div 中找到图像，它就会执行此操作。