Forms 使用purecss.io框架设置单选按钮组的样式

前几天，我偶然发现了纯项目——YUI团队发布的一组CSS模块。我想在我的网站上标准化表单，我喜欢他们表单模块的外观。特别是他们称之为对齐形式的形式。我将CSS添加到我的站点，并将所需的样式添加到我的表单中，除了我的单选按钮组之外，一切都很好。在对齐表单中，每个输入在其标签的左侧有一个标签，输入在其标签的右侧。但是每个单选按钮都有各自的标签，标签的样式设置在按钮的右侧。我要寻找的是一种为按钮组添加整体标签的方法，该按钮组的样式为左侧和中间

我确实找到了一个解决办法，但我更希望找到一种专注的“纯”方式

我的解决方法是将无线电包含在一个字段集中，并使用字段集的图例作为无线电组的标签

---

我很乐意听取其他使用纯对齐表单的人的意见，看看你是如何处理的。

我认为你的问题有点模糊。如果你想达到的目标是这样的

Label
  radio
  radio
  radio

       radio
Label  radio
       radio

那么，你做这件事的方式（你称之为“变通方法”）实际上是最好的方式。字段集用于将项目分组在一起，您可以使用图例作为标签

但是如果你想做这样的事情

Label
  radio
  radio
  radio

       radio
Label  radio
       radio

然后您需要使用浮动div（一个用来保存标签，另一个用来分组单选按钮）

如果不知道您的代码是什么样子以及您的具体目标是什么，我真的无法得到更具体的信息