使用果园如何整理表格

时间:2013-08-05 16:45:55

标签: css orchardcms orchardcms-1.6

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

我希望单选按钮在每个问题后都是水平对齐的,也是2行空格。

enter image description here

1 个答案:

答案 0 :(得分:1)

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

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

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

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