Question

我正试图在每个供应商周围放置一个方框，在以下循环中交易对。

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

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

    <% end %>

所以[供应商：“供应商”周围有一个方框。然后在新线上，处理：“交易”]

所以在我的css文件中我放了

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

整个事情也应该缩进，所以我有，

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

现在它只是把供应商放在一个半盒子里，就像一个[然后返回一行，并处理一个半盒子]围绕它。

Answer 1

您需要使用非内联元素来实现您正在寻找的效果。在<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;
}

CSS：如何在框/边框中放置多个内容？

1 个答案: