如何对齐<h：panelGrid>本身而不是中心中的项目？

Question

当我使用这个代码片段

<h:panelGrid id="myGrid" columns="1"
rendered="#{myBean.showResults}" width="50%"
border="1" style="text-align: center;">  

panelGrid的项将被集中
但
我想把h:panelGrid本身集中在XHTML页面的中心
像这样的HTML代码

<table id="myGrid" border="1" align="center">

Answer 1

在宽度已知的情况下，设置其左右距为auto。这样它会相对于父块元素居中。

<h:panelGrid ... style="margin: 0 auto;">

参见:

• 将div居中

Answer 2

将其包装在具有页面大小的panelgrid中，并将父网格的样式设置为text-align center。然后，你的子网格将位于页面中央(从你的子面板中删除text-align: center样式)