在h:selectOneRadio的两个单选按钮之间添加空格

Question

在JSF 2.0中我有以下内容

<h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26">
    <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
    <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/>
</h:selectOneRadio>

我输出为

O Accepted  O Rejected
          ^^

我想要的是在两个单选按钮之间添加空格,以便输出

O Accepted           O Rejected
          ^^^^^^^^^^^

我尝试 在两个单选按钮之间添加,但它无法正常工作.我在下一行收到单选按钮.

<h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26">
    <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
    &nbsp;&nbsp;&nbsp;
    <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/>
</h:selectOneRadio>

知道如何做到这一点？

没有生成的HTML  是

<table id="radio26">
<tr>
<td>
<input type="radio" checked="checked" name="radio26" id="radio26:0" value="Accepted" onclick="validateMyRadioButton()" /><label for="radio26:0"> Accepted</label></td>
<td>
<input type="radio" name="radio26" id="radio26:1" value="Rejected" onclick="validateMyRadioButton()" /><label for="radio26:1"> Rejected</label></td>
</tr>
</table>

当我&nbsp在<table id="radio26">语句之前添加一个空格时.

Answer 1

免责声明，我对 JSF 一无所知，因此以下内容基于我的 ASP.NET 经验并在其中添加空格。如果这是非常错误的，请告诉我，我会立即删除......

尝试将空格添加到项目标签中，更新...

<f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>

到...

<f:selectItem itemValue="Accepted" itemLabel="Accepted &nbsp; &nbsp;" id="accepted"/>

它可能需要将自身转义为...

<f:selectItem itemValue="Accepted" itemLabel="Accepted &amp;nbsp; &amp;nbsp;" id="accepted"/>

更新

正如OP在评论中所说，这将扩展链接。

看起来你应该能够将 CSS 类设置为父对象，类似于......

<h:selectOneRadio styleClass="myRadioCtrl" ... >

然后在你的样式/CSS中有类似的东西......

.myRadioCtrl span { padding-right: 10px; }