패널 격자에서 이미지를 가운데에 맞출 JSF 코드 조각

Question

이미지를 패널 격자에 센터링하는 일부 JSF 코드를 작성하려고합니다. 간단한 접근 방식은 다음과 같이 나타납니다 :

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

그러나이 접근 방식은 작동하지 않는 것 같습니다. 정렬 = 센터와

Answer 1

사용 DIV

또는 사용 CSS :

JSF

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


CSS 

.centered { 
    margin: 0px auto; 
}