在包含p：panelGrid的p：列内右对齐

Question

鉴于以下<p:panelGrid>。

<p:panelGrid style="width: 25%;">
    <p:row>
        <p:column style="text-align: right;">
            a
        </p:column>
    </p:row>
</p:panelGrid>

<p:column>内的文字正确对齐，如下所示。

我需要在<p:panelGrid>内显示另一个<p:column>，如下所示。

<p:panelGrid style="width: 25%;">
    <p:row>
        <p:column style="text-align: right;">
            <p:panelGrid>
                <p:row>
                    <p:column>
                        b
                    </p:column>
                </p:row>
            </p:panelGrid>
        </p:column>
    </p:row>
</p:panelGrid>

text-align: right;的样式属性<p:column>在这种情况下无效。

如何将内部<p:panelGrid>对齐？

Answer 1

在内部面板网格上应用样式

<p:panelGrid style="text-align: right; display:inline-block">

Answer 2

为面板添加类并应用如下所示的样式。

 <p:panelGrid style="width: 25%;" styleClass="mytest">
 <p:row>
    <p:column>
        <p:panelGrid>
            <p:row>
                <p:column>
                    b
                </p:column>
            </p:row>
        </p:panelGrid>
    </p:column>
 </p:row>
</p:panelGrid>

<强> CSS

.mytest td
{
  text-align:right;
}

如果不行，请尝试下面的内容。

.mytest td
{
  float:right;
}

Answer 3

由于panelGrid是一个表，你可以将它浮动到右边：

 <p:panelGrid style="width: 25%;">
    <p:row>
       <p:column>
           <p:panelGrid style="float: right">
               <p:row>
                   <p:column>
                       b
                   </p:column>
               </p:row>
           </p:panelGrid>
       </p:column>
   </p:row>
 </p:panelGrid>