使用CSS在Ruby on Rails中设置帖子样式

Question

我正在尝试为我的博客应用创建帖子Feed。我试图安排它，所以帖子按月分组，每行显示3个帖子。

这是我的Feed部分代码：

<% @posts_by_month.each do |monthname, posts| %>

<%= monthname %>

   <% posts.each do |post| %>
     <div style="width:100%">
     <div style="float:left;width:33%"><%= post.created_at %></div>
     </div>
   <% end %>

<% end %>

＆安培;这是我控制器中的@posts_by_month：

@posts_by_month = current_user.feed.group_by { |post| post.created_at.strftime("%B") }

目前在此屏幕截图中的样式如下：

当代码达到新的月份时，我希望月份在箭头演示的新行上，而不是像当前那样的同一块的一部分。有没有人对如何做到这一点有任何建议？

Answer 1

您可以将月份名称换行：

<div style="clear:left"><%= monthname %></div>

这将使monthname'清除'任何浮动的东西。

你可以通过使用网格系统或像这样使用flexbox来简化自己：https://codepen.io/anon/pen/JNZqaM。

您不必为此目的使用浮动