Ruby on rails 线路中布局链接的轨道形式_

我的布局目前使用嵌套的形式作为：

代码如下所示：

    <%= f.label :monday %>           
    <%= f.check_box :monday %>       

    <%= f.label :tuesday %>
    <%= f.check_box :tuesday %>

    <%= f.label :wednesday %>
    <%= f.check_box :wednesday %>

    <%= f.label :thursday %>
    <%= f.check_box :thursday %>

但我想知道，这些属性是否可以用一条带断点的直线列出，例如：

周一|周二|周三|周四

是否有嵌套形式的设置允许此操作

下面的注释是从第一次响应生成的HTML

<hr> 
<strong>Day(s) special Will Appear</strong>

<ul id="dayForm">
<label for="campaign_monday">Monday</label>           
<input name="campaign[monday]" type="hidden" value="0" /><input id="campaign_monday" name="campaign[monday]" type="checkbox" value="1" />       

<label for="campaign_tuesday">Tuesday</label>
<input name="campaign[tuesday]" type="hidden" value="0" /><input id="campaign_tuesday" name="campaign[tuesday]" type="checkbox" value="1" />

<label for="campaign_wednesday">Wednesday</label>
<input name="campaign[wednesday]" type="hidden" value="0" /><input id="campaign_wednesday" name="campaign[wednesday]" type="checkbox" value="1" />

<label for="campaign_thursday">Thursday</label>
<input name="campaign[thursday]" type="hidden" value="0" /><input id="campaign_thursday" name="campaign[thursday]" type="checkbox" value="1" />

<label for="campaign_friday">Friday</label>
<input name="campaign[friday]" type="hidden" value="0" /><input id="campaign_friday" name="campaign[friday]" type="checkbox" value="1" />

<label for="campaign_saturday">Saturday</label>
<input name="campaign[saturday]" type="hidden" value="0" /><input id="campaign_saturday" name="campaign[saturday]" type="checkbox" value="1" />

<label for="campaign_sunday">Sunday</label>
<input name="campaign[sunday]" type="hidden" value="0" /><input id="campaign_sunday" name="campaign[sunday]" type="checkbox" value="1" />
</ul>

将出现特别活动日

星期一
星期二
星期三
星期四
星期五
星期六
星期日

Rails表单\u帮助您生成HTML；生成的HTML仍然遵循与其他HTML元素相同的规则。Rails提供了将HTML/CSS添加到表单字段本身的方法，这可能正是您所需要的。比如说,

<%= f.label :monday, :class => 'inline' %>

在css文件中

ul#dayForm {
  list-style: none;
}    

ul#dayForm input {
  display: list-item;
  float: left;
  width: 100px; /* adjust depending on desired size */
}

ul#dayForm label {
  display: list-item;
  float: left;
  width: 100px; /* adjust depending on desired size */
}

---

创建您正在寻找的内联效果。

我尝试使用您建议的

标记的第二种方法，但布局没有任何更改，是否有需要添加的CSS设置？我更改了示例，使表单字段本身成为列表项-删除

包装，将CSS文件中的

li

引用更改为

输入

，并添加

显示：列表项。在没有看到HTML/CSS的情况下，我认为这应该是可行的。让我知道@Eatlon它们仍然像上面的示例一样堆叠。如何将它们排成一行：
星期一|星期二|星期三|星期四……
@Eatlon正在生成什么HTML？添加了生成的HTML
ul#dayForm {
  list-style: none;
}    

ul#dayForm input {
  display: list-item;
  float: left;
  width: 100px; /* adjust depending on desired size */
}

ul#dayForm label {
  display: list-item;
  float: left;
  width: 100px; /* adjust depending on desired size */
}