Rails 4：link_to image_tag with text - 如何将 CSS 应用于文本？答案

【问题标题】：Rails 4: link_to image_tag with text - how to apply CSS to the text?Rails 4：link_to image_tag with text - 如何将 CSS 应用于文本？
【发布时间】：2014-09-26 01:04:26
【问题描述】：

我的应用上有以下代码：

<%= link_to (image_tag (attraction.image_url), id: "thumb_size2") + attraction.name, attraction_path(attraction) do %><%end%>

它会生成一个根据#thumb_size2 CSS 中设置的属性格式化的超链接图像。

attraction.name 但是，没有附加任何样式，因此只是在页面周围“浮动”。理想情况下，我希望#thumb_size2 CSS 也适用于attraction.name。

我已经搜索过以前用“link_to image_tag with text in rails”发布的问题，但到目前为止没有一个答案有效（至少有 6 个）

有什么建议可以实现吗？

【问题讨论】：

标签： css ruby-on-rails link-to

【解决方案1】：

link_to (image_tag (attraction.image_url), id: "thumb_size2", :class => 'write css class name here') + attraction.name, attraction_path(attraction) do %><%end%>

你可以添加你定义了css的类名

【讨论】：

@ sprytechies 它对我不起作用。您提供的解决方案似乎将类应用于图像。我想将:class => 'write css class name here' 应用于attraction.name。还有其他建议吗？我也试过：link_to (image_tag (attraction.image_url), id: "thumb_size2") + attraction.name, :class => 'write css class name here', attraction_path(attraction) do %><%end%>

【解决方案2】：

确保删除 ( & link_to/ ( & image_tag) 之间的空格。另外，请在 image_tag 中包含 id，如下所示：-

我遇到了这个问题，我刚刚解决了它。

【讨论】：