0

次のループで、各ベンダー、ディール ペアの周りにボックスを配置しようとしています。

<% micropost.comments.each do |comment| %>

      <p4>
        <b>Vendor:</b>
        <%= comment.commenter %><br>
        <b>Deal:</b>
        <%= comment.body %>
      </p4>

    <% end %>

[vendor:"vendor". 次に、その下の新しい行で deal:"deal"]

だから私のcssファイルに入れました

p4 {
  border-style:solid;
  border-width:3px;
}

また、全体がインデントされているはずなので、

#blah_form input, textarea, b4 {margin-left:80px}

今はベンダーをハーフボックスのようなものに入れているだけです.

4

1 に答える 1

2

探している効果を得るには、非インライン要素を使用する必要があります。で置き換える (またはラップ<p4>する)<div>

新しいコード:

<% micropost.comments.each do |comment| %>

  <div class="box">
    <b>Vendor:</b>
    <%= comment.commenter %><br>
    <b>Deal:</b>
    <%= comment.body %>
  </div>

<% end %>

そしてCSS:

div.box {
    border: 3px solid black;
}
于 2012-07-09T02:53:05.467 に答える