【问题标题】:CSS aligning radio/check buttonCSS对齐单选/检查按钮
【发布时间】:2025-12-15 21:10:01
【问题描述】:

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

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

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

你应该有一些文本输入出现,每个输入都有一个单选按钮,我希望将单选按钮对齐到输入的左侧。

谁能告诉我是什么问题?

非常感谢,

【问题讨论】:

    标签: css forms radio-button


    【解决方案1】:

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

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

    【讨论】:

    • 不用担心。如果有效,请将其标记为已回答以表示感谢。