ruby-on-rails - rails radio_button 和 label 在两条不同的行中

Question

我对 CSS 很陌生。

我的应用中有单选按钮

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

但是页面在两行中显示单选按钮和标签，例如

O
Male
O
Female

我怎样才能使它在同一行？像

  O Male
  O Female

谢谢

和

input[type="radio"], label{
     float:left;
}
label{
 clear:left;
}

页面看起来像

O
Male O
Female

试了几个不同的浏览器，都一样。

score 5 · Accepted Answer

在你的 CSS 中这样写：

input[type="radio"], label{
 display:inline-block;
 *display:inline/*For IE7*/
 *zoom:1;
}

更新

像这样写：

input[type="radio"], label{
     float:left;
    }
input{
 clear:left;
}

1 回答 1