Rails将radio_button和label放在同一行

Question

我试图将按钮的radio_button和标签放在同一水平面上。这是视图中的逻辑：

         <div class="row">
           <div class="span1">
             <%= f.radio_button :flg, 'Y', :class => "radio-buttons" %>
             <%= f.label :flg, 'Y', :value => 'Y' %>
           </div>
           <div class="span1">
             <%= f.radio_button :flg, 'N', :class => "radio-buttons" %>
             <%= f.label :flg, 'N', :value => 'N' %>
           </div>
         </div>

生成的html（只有一个按钮）：

<div class="span1">
<input checked="checked" class="radio-buttons" id="device_flg_y" name="device[flg]" type="radio" value="Y">
<label for="device_flg_y">Y</label>
<div class="span1">

但是，这会将标签放在单选按钮下方。如何在保持标签的同时将它们放在同一水平？我知道我可以用跨度替换标签，但是跨度不可点击并且与标签所关联的单选按钮相关。

Answer 1

将display: inline-block添加到标签，输入或单选按钮类，应修复它并在同一行显示标签和单选按钮。