jsf - 在 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; }