これらの空白が文字通り使用されている理由について少し混乱しています。
下の画像を見ると、たくさんの長方形が見えます。左側の上の長方形は、実際には右側のバーと整列しているはずですが、改行のために整列していません。
このレイアウトのレールコードは次のようになります...
レイアウト:
<div id = "left_bar"><%=yield(:left_bar)%></div>
<div id = "main_content"><%=yield%></div>
そして実際のテンプレートでは:
<div class = "set_area images current" id = "set_area_<%= @image_set.id %>">
<%= render('images/images', :images => @image_set.images) %>
<div class = "clear"></div>
</div>
<% content_for :left_bar do %>
<% for set in @image_sets %>
<%= render("set_tab", :set => set, :is_current_tab => set.eql?(@image_set))%>
<% end %>
<% end %>
編集:上記のコードは簡潔にするために少し簡略化されています。
更新:部分をレンダリングするために行を置き換えたとき:
<%= render("set_tab", :set => set, :is_current_tab => set.eql?(@image_set))%>
と
<p>Hello</p>
空白は表示されませんでした。