2011-04-06 176 views
3

对准单选按钮,您好我已经看过帖子使用style="vertical-align: middle;"问题与标签

然而,这不是为我工作这表明。我是初学者,所以我希望有人可以看看。我一直在玩弄它,并且无处可去。

这是我的jsfiddle

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

至于它的html,它位于'情况5'的JavaScript内。

还在为一个的jsfiddle标签上的一些原因是脱节的,我不知道为什么,因为它适用于Firefox和Chrome罚款:S

请赐教,谢谢

+0

你可以尝试行高吗? – cmplieger 2011-04-06 19:57:18

回答

0

我消除了许多的float标签和输入,并设置width: auto,并大大改善。 虽然这会影响所有输入,我认为你的问题的一部分是单选按钮输入的宽度。

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

没有太多的答案,但这是我没有真正深入小提琴的很多东西。

0

试试这个,并与边缘玩,以获得理想的输出。

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