单选按钮不会左对齐或内联

Question

我正在使用 rails 表单，无论我如何尝试安排它们的 CSS 和类，单选按钮都顽固地保持居中对齐。更重要的是，我无法让它们与按钮标签内联显示。它们在标签上方显示一行。标签左对齐。

形式：

<%= form_tag students_path, :method => 'get' do %>
  <%= text_field_tag :search, params[:search] %>

  <%= radio_button_tag(:whichParam, "studentNum", :checked => true)  %>
  <%= label_tag(:studentNum, "Student Number") %>  
  <%= radio_button_tag(:whichParam, "last_name") %>
  <%= label_tag(:last_name, "Last Name") %>

  <%= submit_tag "Search", :name => nil %>

<% end %>

对于 CSS，我已经尝试过

.radio {
    display: inline;
}

.label {
   display: inline;
}

我还尝试删除所有引用单选按钮或标签的 CSS。

我的猜测是我的 CSS 中的某处必须有另一行导致按钮显示中心。但我找不到任何其他可能会影响这一点的部分。

提前感谢您提供任何见解。

Answer 1

要使标签与按钮内联显示，您需要像这样使用 radio-inline 类：

<%= radio_button_tag(:whichParam, "last_name", class: 'radio-inline') %>
<%= label_tag(:studentNum, "Student Number") %>