如何垂直對齊按鈕

嗨，大家好我有幾個單選按鈕，我想垂直，但我似乎只能得到水平。如何垂直對齊按鈕

目前我的代碼是：

  <p:panelGrid columns="1"> 
       <p:selectOneRadio id="options" value="{formBean.number}"> 
        <f:selectItem itemLabel="0 - 19" itemValue="1" /> 
        <!-- Add in the help button by the side of each item once its lined up, use a grid ? 
        <p:button icon="ui-icon-help" title="Help"> 
        </p:button> --> 
        <f:selectItem itemLabel="20 - 39" itemValue="2" /> 
        <f:selectItem itemLabel="40 - 49" itemValue="4" /> 
        <f:selectItem itemLabel="50 - 59" itemValue="5" /> 
        <f:selectItem itemLabel="60 - 69" itemValue="6" /> 
        <f:selectItem itemLabel="70 - 79" itemValue="7" /> 
        <f:selectItem itemLabel="80 - 100" itemValue="8" /> 
       </p:selectOneRadio> 
      </p:panelGrid>

我怎樣才能改變它從水平到垂直的，我已經試過了電網的方式，但還是一樣。

謝謝你們

編輯

我現在已經實現了我設置了：

  <p:panelGrid columns="1"> 
       <p:selectOneRadio id="options" value="{formBean.number}" layout="grid" columns="1" required = "True" 
           requiredMessage="#{bundle.requiredGender}"> 
        <f:selectItem itemLabel="0 - 19" itemValue="1" /> 

        <f:selectItem itemLabel="20 - 39" itemValue="2" /> 
        <f:selectItem itemLabel="40 - 49" itemValue="4" /> 
        <f:selectItem itemLabel="50 - 59" itemValue="5" /> 
        <f:selectItem itemLabel="60 - 69" itemValue="6" /> 
        <f:selectItem itemLabel="70 - 79" itemValue="7" /> 
        <f:selectItem itemLabel="80 - 100" itemValue="8" /> 
       </p:selectOneRadio> 
      </p:panelGrid>

唯一的問題是現在的電網是頁面的大小，任何方式這可以對齊離開，只做了拉布斯的大小？

來源

2014-02-12 user2061913

嘗試將每個無線電包裝在像div或p或標籤之類的塊元素中。 – dward

那麼，這不完全是你使用標籤的HTML，你可以將HTML和CSS複製到小提琴？ – Nix

使用layout屬性p:selectOneRadio作爲pageDirection。

存在用於layout 3倍可能的值：

lineDirection - 對於水平方向
pageDirection - 對於垂直方向。
custom - 用於自定義佈局。 Example

來源

2014-02-13 08:40:40

如何垂直對齊按鈕

回答

相關問題