Фрагмент 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;
}