问题是将单选按钮与标签对齐

Question

您好我已经阅读了建议使用style="vertical-align: middle;"

的帖子 然而，这对我不起作用。我是初学者，所以我希望有人可以看看。我一直在玩jsfiddle并且无处可去。

这是我的jsfiddle。

这是一个动态表单，所以要到达我遇到问题的区域，您必须在下拉列表中选择选项5“True / false”。

对于它的html，它位于'case 5'中的javascript中。

由于某些原因，在jsfiddle上有一个标签是不合格的，我不知道为什么它在firefox和chrome上工作正常：S

请赐教，谢谢

Answer 1

我删除了标签和输入上的许多float，并设置了width: auto，并且它得到了极大的改进。 这会影响所有输入，我认为你问题的一部分就是单选按钮输入的大宽度。

作为一个更广泛的问题，我可能已经将所有这些问题类型都存储在隐藏div中的页面中，并在选择问题类型时显示相应的问题类型。通过在样式的开发/调试期间显示它们然后在完成后隐藏它们，可以更轻松地使用CSS。

没有多少答案，但是如果没有真正深入挖掘这个小提琴的话，那就是我的全部。

Answer 2

尝试此操作并使用边距来获得理想的输出。

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