css - Ruby on rails - 在表单的同一行中添加多个单选按钮

Question

如何创建在同一行上有多个单选按钮的表单？我似乎只能让它们垂直显示，一个在另一个下方。我对 HTML/CSS/RoR 的经验有限。

Answer 1

这可以通过将它们包装在具有 display style 的元素中来实现inline。

例如，​</p>

<div style="display:inline">
    <input type="radio" name="example" id="radio1" />
    <label for="radio1">Radio 1</label>
    <input type="radio" name="example" id="radio2" />
    <label for="radio2">Radio 2</label>
    <input type="radio" name="example" id="radio3" />
    <label for="radio3">Radio 3</label>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

看起来像这样：

o 收音机 1 o 收音机 2 o 收音机 3