-1

この CSS コードを使用して、同じ行に複数のラジオ ボタンを表示しています。

#new .radioLine
{
 width: 400px;
 float: left;
}

#new .radio
{
 width: 80px;
 height: 20px;
 float: left;
}

.radioLine は .radio div を囲みます。次に例を示します。

<div id="new">
<div class="radioLine">
 <div class="radio"><input type="radio" name="radio" value="one">One</div>
 <div class="radio"><input type="radio" name="radio" value="two">Two</div>
 <div class="radio"><input type="radio" name="radio" value="three">Three</div>
</div>
</div>

私の Firefox ブラウザーでは、これらはすべて同じ行に表示されますが、友人のコンピューターでは同じページが、同じく Firefox の下で、それぞれ別の行に表示されます。

4

2 に答える 2

0

使用しているセレクターが提供されたマークアップで機能しないため、CSS ルールにいくつかの変更を加えます (ID を持つ要素はnewどこにもありません)。

.radioLine
{
    width: 400px;
}

.radio
{
    width: 80px;
    display: inline-block;
}

例 (FF、IE、および Chrome での作業): http://jsfiddle.net/RNEJZ/

于 2013-09-05T16:23:29.727 に答える