如何对齐<h：panelgrid>本身而不是中心的项目？</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;">

另见：

• Center a div in CSS

Answer 2

将其包装在具有页面大小的panelgrid中，并将父网格的样式设置为text-align center。然后您的子网格将在页面上居中（从子面板网格中删除text-align：center样式