代码之家 › 专栏 › 技术社区 › WedTM

在formtastic的同一li元素中包含两个输入

formtastic ruby-on-rails

WedTM · 技术社区 · 15 年前

使用formtastic,我有一个“数量”字段和“单位”字段,要求输入项目的数量及其计量单位。

我的问题是,我希望单位框显示在数量框的旁边。但是,因为formtastic在它自己的li元素中输入每个元素,所以我不能让它们彼此显示在一起。

有什么想法吗?

1 回复 | 直到 15 年前

ghoppe 15 年前

对数量和单位字段使用HTML包装:

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

在您的CSS(可能是formtastic changes.css)中,一个用于浮动li的css float属性。我增加了一点右边距,以便给装置标签留出呼吸空间:

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

您可能需要为包装器HTML提供特定的类或ID,并使用CSS来获得您想要的布局和间距。

推荐文章

thesunneversets · 如何使用Nikkou(新手Ruby问题!)

2 年前

Animesh Arya · 关联模型的Rspec

2 年前

yellowreign · Rails:将created\u at转换为PST

2 年前

Kellen · 查看$卷展栏功能列表

2 年前

Akshit Thakur Ak · 我怎样才能把铁轨停下来?

2 年前

solidsnake99 · Rails db:如何绕过验证

2 年前

Spyros · 从数组中删除nil值,并从引用数组中删除相应的项

2 年前

Pauli-E · 当div打开并滚动到屏幕上时,向div添加类

2 年前

Raghuram Murthy P · 在ActiveRecord::Relation delete_by方法上不调用after_commit和after_destroy回调

2 年前

ejoka · 如何使用Rails 7模型属性作为CSS标记值

2 年前