问题：如何使单选按钮与标签对齐

Question

你好，我已经阅读了一些帖子，建议使用style="vertical-align: middle;"

但是这对我不起作用。我是一个初学者，所以希望有人可以看看。我一直在jsfiddle上尝试，但却没有任何进展。

这是我的jsfiddle。

这是一个动态表单，因此要进入我遇到问题的区域，必须在下拉菜单中选择选项5“True/false”。

至于它的html代码，它位于“case 5”的javascript中。

另外，由于某种原因，jsfiddle上有一个标签不对齐，但在Firefox和Chrome上运行正常:S

请帮忙解决，谢谢！

- Joe

Answer 1

尝试这个，调整边距以获得理想的输出。

#stylized label.smaller input{
  float:none;
  width: 25px;
}

- Jaspero

Answer 2

我删除了许多标签和输入中的float，并设置了width: auto，这样改进非常明显。 不过这会影响到所有的输入项，我认为问题的一部分在于单选按钮输入的宽度过大。

作为更广泛的问题，我可能会把所有这些问题类型都放在隐藏的

中，并在选择问题类型时显示相应的问题类型。这样可以更容易地通过在开发/调试样式时显示它们来处理CSS，然后在完成后隐藏它们。

没有太多的答案，但这是我在没有深入研究示例的情况下所能提供的全部内容。

- Stephen P