css - p :column holding a p:panelGrid 内的右对齐

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

由于 panelGrid 是一个表格，您可以将其 float 到右侧:

 <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>