Question

我的帖子在我的索引页面上显示为一个元素。我想让每个帖子都作为风格用途的不同元素。（旁注：我试图垂直显示每个帖子，并在每个帖子周围显示边框）我将在下面发布我的代码。

索引视图：

<li class="thought">
<% @thoughts.each do |f| %>
<span class="title"><%= f.title %></span>
<span class="content"><%= f.content %></span>
<span class="timestamp">
Posted <%= time_ago_in_words(f.created_at) %> ago.
</span>
<% end %>
</li>

控制器CSS：

.thought {
float: left;
display: block;
width:300px;
height:150px;
}

索引操作：

def index
@thoughts =  Thought.order('created_at desc')



end

感谢。

Answer 1

只需将list-item标记放在each循环中：

<% @thoughts.each do |f| %>
  <li class="thought">
    <span class="title"><%= f.title %></span>
    <span class="content"><%= f.content %></span>
    <span class="timestamp">
      Posted <%= time_ago_in_words(f.created_at) %> ago.
    </span>
  </li>
<% end %>

Answer 2

我不确定我是否完全理解你的意图，但ERB + rails为你提供了遍历每个@thoughts

的美感例如，您可以这样做：

<% @thoughts.each do |thought| %>
   <h1 class="thought"> thought.attributes </h1>
<%end%>

这会导致您的每个想法都在其自己的h1中并拥有自己的CSS。

希望这有帮助。

如何在我的索引页面上发布单独的元素以用于样式目的？

2 个答案: