在 h:selectOneRadio 和 f:selectItems 中的单选按钮和标签之间添加 space

Question

我正在使用带有 primefaces 的 jsf2。

 h:selectOneRadio
               f:selectItems 
h:selectOneRadio

这会在同一个 td 内生成一个单选按钮和输入标签，例如

<td>
   <input type=radio> </input>
   label 
</td>

我的问题是我需要在单选按钮和标签之间添加 space。 (X)C121 主动 (X)LRM

在上面的单选按钮列表中我需要添加space比如

(x)    <---Space-->  C121 Active
(x)    <--Space -->  LRM

我可以为此添加 space 的最佳方法是什么？需要帮忙。抱歉，因为我是 JSF 的新手，所以我无法找到解决方案。 P.S(x)代表单选按钮

技术堆栈：JSF 2.0，Spring 3.x，Hibernate 4.x。

Answer 1

我认为这样的样式比较合适：

input[type=radio]{
    margin-right: 7px;
}

将其放入 h:head 中的 <style> 标签中，或者更好的是放入 h:outputStylesheet.

中包含的外部 css 文件中

这样一来，您就可以将它们全部定位，而无需进一步的代码。

Add space between the radio button and lable in h:selectOneRadio and f:selectItems