javascript - 添加水平单选按钮

Question

每当我尝试向我的表单添加单选按钮时，它就会变成垂直的并且不再起作用。我需要让 radio 显示并保持水平。我将 input 添加到每个 div 但它改变了表单设计和功能。

我也试过:

input {
display:inline-block;
}

工作 JSFiddle: http://jsfiddle.net/RC3e4/16/ (单击选项时会显示隐藏文本)

非工作 JSFiddle: http://jsfiddle.net/RC3e4/23/

<div class="" type="radio" name="q1" value="Broken">

Answer 1

首先。 div 没有 type 属性。没有理由使用它。您可以给它们一个 id 或一个 class 来识别它们。

其次。 div 是 block 元素。这意味着他们从上到下。 html 无法知道您是希望内容从左到右还是从上到下流动。您需要在 div 上使用 float css 属性。

当事情变得困难时。你需要做一个基本的例子并从那里开始工作。

这是一个简单的例子

http://jsfiddle.net/pPcHt/