3

これらの空白が文字通り使用されている理由について少し混乱しています。

下の画像を見ると、たくさんの長方形が見えます。左側の上の長方形は、実際には右側のバーと整列しているはずですが、改行のために整列していません。

要素インスペクターを使用したWebページのスクリーンショット

このレイアウトのレールコードは次のようになります...

レイアウト:

<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>

空白は表示されませんでした。

4

1 に答える 1

0

問題を「set_tab」部分まで追跡しました。行の削除と再追加を再開しました。

いくつかの混合エンコーディングがあったため、これはうまくいかなかったと思います。私は主にLinuxマシンで作業していますが、その日の早い段階でWindowsマシンで編集を行いました。

他の誰かが自分の見解がこのように機能していることに気付いた場合は、インデントを破棄してやり直してください。

于 2012-09-12T15:50:34.580 に答える