CSS对齐收音机/检查按钮

时间:2011-05-24 16:04:35

标签: css forms radio-button

我的问题是尝试对齐我的单选按钮,使它们显示在表单上文本输入的左侧。在使用CSS调整其他一周后,我开始工作,现在我重新打开了它们,它们都被放错了位置。

所以如果按照这个jsfiddle并按照这些说明到达我遇到问题的地方:

  • 选择多项选择
  • 在“No of options”中输入一个数字

你应该有一些文本输入和每个的单选按钮,我希望将单选按钮对准输入的左侧。

有人可以告诉我这是什么问题吗?

非常感谢,

1 个答案:

答案 0 :(得分:2)

问题是您在输入上设置width: 250px;。这包括这些单选按钮。由于无线电输入不支持width属性,因此它们显示为居中并伸展该区域。

删除这些单选按钮的width: 250px并从那里调整样式。