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

标签 css jsf primefaces panel

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

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

这是我的面板

<p:panelGrid styleClass="panelGridCenter">

和我的 CSS:

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

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

最佳答案

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

.panelGridCenter {
    margin: 0 auto;
}

另见:

关于css - 如何将 PanelGrid 居中对齐? JSF-Primefaces,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15657364/

相关文章:

html - 无法删除表格内两个图像之间的 5px 间隙

javascript - 我无法将事件类(class)添加到列表中

html - 表格单元格在 Google Chrome PC 中丢失边框

http - web.xml 中的错误页面配置会转换 404 情况下返回的 HTTP 代码

forms - 为什么要将进程 ="@this"显式添加到 p :commandButton to get action invoked?

java - Primefaces 键盘组件未在后端设置值

html - float 4个输入框均等背景色

java - JSF 1.0 与 JSF 2.0

design-patterns - JSF MVC 设计问题

jsf-2 - 如何一起使用primefaces和prettyfaces?