ruby-on-rails - 在 Formtastic 的同一个 LI 元素中包含两个输入

Question

使用 formtastic，我有一个数量字段和单位字段，用于询问项目的数量和测量单位。

我的问题是，我希望单位框与数量框一起显示。但是，因为 formtastic 将每个输入都放在它自己的 LI 元素中，所以我不能让它们彼此相邻出现。

有任何想法吗？

Answer 1

对数量和单位字段使用 html 包装器：

<%= form.input :quantity,   :wrapper_html => { :class => 'fl' } %>
<%= form.input :unit,       :wrapper_html => { :class => 'fl' } %>

在你的css（可能是formtastic-changes.css）中，一个css float 属性来浮动li。我添加了一些右边距，给单位标签一些喘息的空间：

form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;}

您可能必须为 wrapper_html 提供特定的类或 id，并使用 css 来使您的布局和间距以您想要的方式工作。