html - 如何对齐本身不是中心的项目？

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

也可以看看：

• 在 CSS 中将 div 居中

Answer 2

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