将图像置于面板网格中心的 JSF 代码段

Question

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

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

但是这个方法好像不行。

Answer 1

使用 align=center 的 div

或者使用 CSS:

JSF

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


CSS

.centered {
    margin: 0px auto;
}