页面上的展示位置不正确

Question

我的档案：/app/views/pins/index.html.erb

<% @pins.each do |pin| %>
<%= image_tag pin.image.url(:medium) %><br/>
<%= pin.description %><br/>
<%= link_to 'show', pin %><br/>
<% if pin.user == current_user %>
<%= link_to 'Edit', edit_pin_path(pin) %><br/>
<%= link_to 'delete', pin, method: :delete, data: { confirm: 'are you sure?' }%><br/>
<% end %>
<% end %>
<br>
<%= link_to 'New pin', new_pin_path %>

我不知道为什么我的页面看起来只有1针好，当我在网站上添加第二个图钉时，所有图像看起来都很糟糕 - 就像在这个屏幕上一样：

Answer 1

默认情况下，锚元素（即<a href="...">标签）不是块元素，因此您所看到的是“删除”锚标记和第二个锚标记（包含图像）在同一行上呈现

将<br>代码从代码底部移至each循环内（在“删除”链接下），它应该看起来正确。

旁注：摆脱那些<br>元素并在<div>元素内部包装，这是块元素可能不是一个坏主意。它为您的代码提供了更好的结构，并且可以更轻松地使用CSS设置间距样式。

Answer 2

在第一个＆lt;％end％＆gt;之后添加 br 标记。