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

Question

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

Answer 1

这可以通过将它们包装在显示样式为 inline 的元素中来实现。

例如，

<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 Radio 1 o Radio 2 o Radio 3