添加h的兩個單選按鈕之間的空間：selectOneRadio

在JSF 2.0下面我有添加h的兩個單選按鈕之間的空間：selectOneRadio

<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">語句生成。

來源

2012-07-16 Fahim Parkar

聲明，我對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"/>

UPDATE

正如OP在評論中所說，這將延長鏈接。

看起來你應該能夠一個CSS類設置的東西，如父對象...

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

然後在你的風格/ CSS具有類似......

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

來源

2012-07-16 11:03:54 freefaller

'接受 '的工作，但它是白色的空間鏈接，接受這是壞:( – 2012-07-16 11:19:59

@Fahim，是否有可能（我說的，我什麼都不知道JSF）有類似'itemLabelStyle =」 padding-right：20px;「''或類似的東西？ – freefaller 2012-07-16 11:40:58

@Fahim，或者你可以給'selectOneRadio'設置一個'class'並以這種方式進行格式化？ – freefaller 2012-07-16 11:42:25

只是想分享的id我的答案......與螢火蟲inspecing的頁面後，我結束了與以下

JSF：

<h:panelGroup id="search-options" layout="block" styleClass="radioButtonSpace"> 
     <h:selectOneRadio value="#{searchEngineController.reportSearch}"> 
     <f:selectItem itemValue="#{false}" itemLabel="CEPIS Search" /> 
     <f:selectItem itemValue="#{true}" itemLabel="Report Search" /> 
     </h:selectOneRadio> 
    </h:panelGroup>

CSS：

.radioButtonSpace table tbody td {padding-right:50px;}

來源

2012-11-07 14:59:41 Curt

這很好，我在class divd中使用了class =「radiobuttonSpace」，它做到了這一點，如果你想把按鈕和標籤放在一起你可以這樣做：.radioButtonSpace table tbody td：nth-child（even）{padding-right：10px;} – nettie 2017-06-28 15:30:21

-2

這些答案沒有爲我工作，但像他這樣完美的作品：

的.ui-selectoneradio標籤{填充右：10px的！重要; }

這是在使用primefaces的情況下

來源

2016-01-06 23:40:49 crvazquez

問題是關於h：selectOn eRadio。 – BalusC 2016-01-07 08:33:07

-1

我遇到了困難。當我在h：selectOneRadio上應用樣式時，應用樣式不起作用，但是它適用於圍繞它的面板組。

來源

2016-12-23 20:23:40 wahid

請顯示代碼，因爲圍繞selectoneradio包裝panelgroup不會幫助單個單選按鈕。並將其包裹在每個人身上都是不可能的 – Kukeltje 2016-12-24 09:54:20

添加h的兩個單選按鈕之間的空間：selectOneRadio

回答

相關問題