使用 purecss.io 框架设计单选按钮组

Question

前几天我偶然发现了 Pure 项目——YUI 团队发布的一组 CSS 模块。我想在我的网站上标准化表单，我喜欢他们表单模块的外观。尤其是他们称之为对齐表单的表单样式。我将 CSS 添加到我的站点并将所需的样式添加到我的表单中，除了我的单选按钮组之外，它都运行良好。在对齐表单中，每个输入在左侧都有一个标签，在它的标签右侧有一个输入。但是单个单选按钮具有单独的标签 - 样式设置在按钮的右侧。我正在寻找的是一种为左侧和居中样式的按钮组添加整体标签的方法。

我确实找到了一种解决方法，但我更多的是寻找一种专用的“纯”方法。

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

我很乐意听取使用 Pure Aligned Forms 的其他人的意见，看看您是如何处理这个问题的。

Answer 1

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

Label
  radio
  radio
  radio

那么您执行此操作的方式（您称之为“解决方法”）实际上是执行此操作的最佳方式。字段集用于将项目组合在一起，您可以使用图例作为标签。

但是，如果您尝试做这样的事情，

       radio
Label  radio
       radio

那么您将要使用浮动 div（一个用于保存您的标签，另一个用于对您的单选按钮进行分组）。

如果不知道您的代码是什么样的以及您的具体用途，我真的无法更具体...