Css 放置单选按钮'；s按钮旁边的标签

我的视图中有以下单选按钮：

  <%= f.label :gender %>
  <%= f.radio_button :gender, true %> Male
  <%= f.radio_button :gender, false %> Female

男性
女性

布局如下所示（每个元素位于新行中）：

• 单选按钮
• 男性
• 单选按钮
• 女性

如何使上述元素在同一行中相邻显示？

试试这个

<%= label_tag 'male' do %>
  <%= f.radio_button :gender, true %>
  Male
<% end %>

<%= label_tag 'female' do %>
  <%= f.radio_button :gender, false %>
  Female
<% end %>

男性
女性

当您点击文本“男性”或“女性”时，应检查收音机，而不是点击收音机本身。这也可以解决这个问题。

试试这个

<%= label_tag 'male' do %>
  <%= f.radio_button :gender, true %>
  Male
<% end %>

<%= label_tag 'female' do %>
  <%= f.radio_button :gender, false %>
  Female
<% end %>

男性
女性

---

当您点击文本“男性”或“女性”时，应检查收音机，而不是点击收音机本身。这也会解决这个问题。

就像@kumar提到的那样，您应该能够这样做：

<%= label_tag 'male', class: 'radio-inline' do %>
  <%= f.radio_button :gender, true %>
  Male
<% end %>

<%= label_tag 'female', class: 'radio-inline' do %>
  <%= f.radio_button :gender, false %>
  Female
<% end %>

---

就像@kumar提到的，你应该可以这样做：

<%= label_tag 'male', class: 'radio-inline' do %>
  <%= f.radio_button :gender, true %>
  Male
<% end %>

<%= label_tag 'female', class: 'radio-inline' do %>
  <%= f.radio_button :gender, false %>
  Female
<% end %>

---

我认为这可能很大程度上取决于你使用的css框架，IMHOI使用的是bootstrapI我认为这可能很大程度上取决于你使用的css框架，IMHOI使用的是bootstrapThanks！这将导致标签显示在单选按钮下方。我希望标签在按钮的右边。谢谢！这将导致标签显示在单选按钮下方。我希望标签在按钮的右边。