Question

我在水平线上显示Rails表单时遇到了问题。

我有一个视图，它包含一个表格，在表格单元格中我呈现包含我想要内联的表单的部分：

查看：

  <tr>
    <td>
        <%= @user.name %>           
    </td>   
    <td>
        <a href="#">Add Item</a>
    </td>
    <td>
        <%= render :partial => '/items/new_item' %>
    </td>
  </tr>
</table>

部分（表格）：

<%= form_for( Item.new ) do |f| %>
        <div class="field">
            <%= f.text_field :content %>
        </div>
        <div class="action">
            <%= f.submit "Add Item", :class => 'item_submit' %>
        </div>
<% end %>

我试过了：

form{
    display:inline;
    padding: 0px;
}

还要在表单中创建一个无序列表，并创建文本字段和提交按钮列表项，然后在css中使列表内联。这也不起作用。

感谢您的帮助！

Answer 1

如果我理解你是正确的，你可以尝试使用span而不是div，或者设置display：inline for div，而不是form。

Answer 2

你总是可以以I.e。

的形式浮动div

表格＆gt; div {float：left：display：inline-block;}

Answer 3

这对我有用：

<%= form_tag some_controller_path, method: 'POST', class: 'form-inline', style: 'display:inline !important;' do %>

...这里的表单代码

<% end %>

Rails - 内联显示表单

3 个答案: