-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

也许他们应该清除浏览器的缓存。或者只是刷新页面几次。

于 2013-09-05T16:19:37.607 回答
0

对 CSS 规则进行了一些更改，因为您使用的选择器不适用于提供的标记（new任何地方都没有带有 ID 的元素）：

.radioLine
{
    width: 400px;
}

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

示例（在 FF、IE 和 Chrome 上工作）：http: //jsfiddle.net/RNEJZ/

于 2013-09-05T16:23:29.727 回答