2

私はCSSにかなり慣れていません。

アプリにラジオボタンがあります

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

しかし、ページにはラジオボタンとラベルが 2 つの異なる行に表示されます。

O
Male
O
Female

どうすれば同じ行にできますか？お気に入り

  O Male
  O Female

ありがとう

と

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

ページは次のようになります

O
Male O
Female

いくつかの異なるブラウザを試してみましたが、同じでした。

4

1 に答える 1

5

css に次のように記述します。

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

更新しました

次のように書きます。

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

これをチェックしてくださいhttp://jsfiddle.net/nuyqd/

于 2012-05-21T05:12:28.123 に答える