如何将 <h:panelGrid> 自身而非其中的项目居中对齐？

Question

当我使用这段代码片段时：

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

面板网格的项目将被居中对齐
但是
我想将h：panelGrid本身居中于我的XHTML页面中
就像这个HTML代码

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

- Ahmed Nabil

---

我们可以看到渲染后的 HTML 输出吗？并不是每个人都知道 <h:panelGrid> 会输出什么 ;) - Kyle

请看这里：https://dev59.com/pXA65IYBdhLWcg3wogKe - Daniel

Answer 1

假设该元素有已知宽度，给它左右两侧的外边距都设置为auto。这样它就会相对于父级块级元素居中显示。

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

参见：

• 在CSS中居中一个div

- BalusC

Answer 2

将其包装在一个大小与页面相同的面板网格中，并将父网格的样式设置为文本居中。然后您的子网格将居中于页面上（从您的子面板网格中删除text-align:center样式）。

- roel