css - 使用果园如何整理表格

Question

我已经设置了一个内容类型来保存 3 个布尔字段。然后使用表单中的内容类型在屏幕上显示。唯一的麻烦是我想整理它的外观并且不知道该怎么做。

我希望单选按钮显示为水平对齐，并且在每个问题之后还有 2 行空间。

Answer 1

这不是一个真正的果园问题，更多的是 CSS 问题。使单选按钮水平显示的最简单方法是将它们向左浮动。

input[type="radio"] {
   float: left;
}

然后在每个问题的底部添加一些填充。我不确定标记是什么样的，但我猜表单中的每个问题都有一个 div，您可以在其上添加填充。

编辑：我是一个 CSS 黑客，Bertrand 指出了一种更好的方法来实现这一点，使用display:inline-block水平单选按钮。