css - 如何将单选按钮放在表单内的一行中？

Question

我写了以下代码：

  male    <input type="radio" name="sex" value="male">
female    <input type="radio" name="sex" value="female">
 other    <input type="radio" name="sex" value="other">

所有这些都在一个表格中。我怎样才能把它们放在一条线上？

Answer 1

将它们包装在标签标签中

<label>male    <input type="radio" name="sex" value="male"></label>
<label>female    <input type="radio" name="sex" value="female"></label>
<label>other    <input type="radio" name="sex" value="other"></label>

还要检查是否没有样式应用于可能将它们显示为块元素的输入元素

Answer 2

如果你想让这些点从左到右排成一行，你就完成了。如果你想让点从上到下，你可以简单地做：

  male    <input type="radio" name="sex" value="male"><br>
female    <input type="radio" name="sex" value="female"><br>
 other    <input type="radio" name="sex" value="other">

<br>让他们跳到下一行