CSS 对齐单选/复选按钮

Question

我的问题是试图对齐我的单选按钮，使它们出现在我表单上文本输入的左侧。在前一周调整 CSS 后，我让它工作了，现在我重新打开它，它们又都放错了地方。

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

• 多选
• 在“选项数量”中输入一个数字

您应该会看到许多文本输入以及每个文本输入的单选按钮，我希望将单选按钮对齐到输入的左侧。

谁能告诉我问题出在哪里？

非常感谢，

Answer 1

问题是您在输入中设置了 width: 250px;。这包括这些单选按钮。由于 radio 输入不支持宽度属性，因此它们显示为居中并拉伸(stretch)该区域。

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