Javascript 为什么文字偏离我的单选按钮的中心

我正在用单选按钮创建一个表单。单选按钮旁边的文本与按钮处于不同的级别

我怎样才能解决这个问题

HTML

---

问题是您已经指定了高度。此CSS解决了以下问题：

input[type=radio]
{
   height:auto;
}

---

问题是您已经指定了高度。此CSS解决了以下问题：

input[type=radio]
{
   height:auto;
}

---

这可能会让你更接近你想要的。将以下内容添加到CSS中。如果您愿意，您还可以使用margintop的值

input[type=radio] {
  vertical-align: middle;
  margin-top: 0;
}

---

这可能会让你更接近你想要的。将以下内容添加到CSS中。如果您愿意，您还可以使用margintop的值

input[type=radio] {
  vertical-align: middle;
  margin-top: 0;
}

---

文本将与单选按钮一起显示。单选按钮设置了一个高度，按钮本身希望将自己定位在该总高度的中心。文本自然位于行的底部。调整单选按钮的高度或将其作为块元素播放可能会解决您的问题。

文本将与单选按钮一起显示。单选按钮设置了一个高度，按钮本身希望将自己定位在该总高度的中心。文本自然位于行的底部。调整单选按钮的高度或将其作为块元素播放可能会解决您的问题。

删除此按钮，即可：

input{
    height:30px;
}

---

去掉这个，一切都会好起来：

input{
    height:30px;
}

---

正如其他答案所提到的（我更喜欢dgp的回答）。。定义输入的30px高度会导致问题，因为标签和输入没有垂直对齐

还有几件事。。单击单选按钮文本应选择/取消选择输入。为此，为您的输入提供一个id（您可以使用与“name”相同的值），然后在收音机的文本周围添加一个标签标签。标签标签应有一个“for”属性，该属性指向输入，如下图所示：

请注意如何单击第一个单选按钮来设置单选。。单击第二个单选按钮文本不会（我没有修改第二个单选按钮，以便您可以查看差异。）

HTML

开始或请求更多信息

请求信息

请求服务

如其他答案所述（我更喜欢dgp的回答）。。定义输入的30px高度会导致问题，因为标签和输入没有垂直对齐

还有几件事。。单击单选按钮文本应选择/取消选择输入。为此，为您的输入提供一个id（您可以使用与“name”相同的值），然后在收音机的文本周围添加一个标签标签。标签标签应有一个“for”属性，该属性指向输入，如下图所示：

请注意如何单击第一个单选按钮来设置单选。。单击第二个单选按钮文本不会（我没有修改第二个单选按钮，以便您可以查看差异。）

HTML

开始或请求更多信息

请求信息

请求服务

以后，请使用JSFIDLE而不是截图来演示这个问题。我给出了整个网站。屏幕截图只是查看它的另一个选项。在我看来，使用指定的CSS和HTMLHowdy，JSFIDLE看起来很好，我在Internet上为您制作了一个FIDLE-@给整个网站也是不可接受的方法。一旦问题得到解决，它就不再存在，因此对未来的游客来说是无用的。一把小提琴将持续更长的时间，并为那些与你有相同问题的人提供更多的信息。将来，请使用JSFIDLE，而不是屏幕截图来演示这个问题。我给出了整个网站。屏幕截图只是查看它的另一个选项。在我看来，使用指定的CSS和HTMLHowdy，JSFIDLE看起来很好，我在Internet上为您制作了一个FIDLE-@给整个网站也是不可接受的方法。一旦问题得到解决，它就不再存在，因此对未来的游客来说是无用的。一把小提琴会持续更长的时间，为那些和你有同样问题的人提供更多的信息。

身高不应该大写。不要理解否决票。这解决了我的问题。当计时器允许时，将接受作为答案。
高度
不应大写。不理解下一票。这解决了我的问题。当计时器允许时，将接受作为答案。啊，太好了！非常感谢。啊，太好了！非常感谢。