你如何让这个div环绕图像链接？

Question

我有这个图片链接：

<%= link_to image_tag(comment.user.profile.photo.url(:tiny)), profile_path(comment.user.profile), :class => "comment_image" %>

我想要包含一个包含1.文本的div和2.一个包含该图像链接的链接和文本的列表。我希望图像在左边，而div在右边环绕图像。

Answer 1

假设您不需要link_to助手提供的任何更高级功能，那么简单的答案就是直接使用锚标记。

<a href="<%= profile_path(comment.user.profile) %> class="comment_image">
  <div>
    Some stuff -- whatever
    <%= image_tag(comment.user.profile.photo.url(:tiny)) %>
    Some more stuff -- ya know...
  </div>
</a>

Answer 2

如果我将它发布在HAML中，你会关心吗（与没有<% %>和结束标签的erb相同:(对于html的伪代码）

%ul
  %li
    = link_to image_tag(comment.user.profile.photo.url(:tiny)), profile_path(comment.user.profile), :class => "comment_image"
    %div.user-comments
      comment
      username etc

  %li
    rinse-repeat

并且别忘了清除你在李的浮动！

然后在你的css中，只需浮动comment_image和用户注释。