css - 如何将 PanelGrid 居中对齐？ JSF-Primefaces

Question

我知道关于这个问题有很多问题，但没有一个适合我。

我需要将我的 PanelGrid 对齐到中心(水平)。

这是我的面板

<p:panelGrid styleClass="panelGridCenter">

和我的 CSS:

.panelGridCenter td,.panelGridCenter tr {
    text-align: center;
}

它只是将内容对齐到中心，而不是 panelGrid

Answer 1

JSF <p:panelGrid>组件呈现 HTML <table>默认情况下为 block level element 的元素.要使 block 级元素本身居中，您应该将其水平边距设置为 auto而不是试图将其内联内容居中。

.panelGridCenter {
    margin: 0 auto;
}

另见:

• Center a div in CSS