JSF片段将图像置于面板网格中心

Question

我正在尝试编写一些将图像集中在面板网格中的JSF代码。简单的方法似乎是：

<h:panelGrid columns="1" style="text-align:center">
  <h:graphicImage value="/path/to/image.png" />
</h:panelGrid>

但这种方法似乎不起作用。

Answer 1

将div与align = center

一起使用

或者使用CSS：

JSF

<h:panelGrid styleClass="centered">
    ...
</h:panelGrid>


CSS

.centered {
    margin: 0px auto;
}