h : panelgrid의 두 특정 열 사이에 공백을 넣는 방법

Question

<h:panelGrid columns="4"> 
<f:facet name="header"> 
<h:outputText value="Customer Information"/> 
</f:facet> 


<h:outputLabel value="Title" /><h:outputText value="#{addProductBean.title}"/> 

<h:outputLabel style="width: 80px" value="Date of Birth" /> 
<h:outputText id="dateofbirth" value="#{addProductBean.dateOfBirth}" size="10" maxlength="100"/> 


<h:outputLabel value="First Name" /><h:outputText id="firstname" value="# {addProductBean.firstName}" size="10" maxlength="100"/> 

<h:outputLabel value="Gender" /><h:outputText id="gender" value="#{addProductBean.gender}" size="10" maxlength="100"/> 

<h:outputLabel value="Last Name" /><h:outputText id="lastname" value="#{addProductBean.lastName}" size="10" maxlength="100"/> 

</h:panelGrid> 

위의 설명에서 나는 dateofbirth라는 제목과 비슷한 다른 필드 사이에 공백을 넣을 수 있습니다.

Answer 1

각 열

<h:panelGrid columns="4" columnClasses="a,b,c,d"> 

    .a{ 
     width:80px; 
    } 
    ..... 

에 대한 스타일을 정의하는 columnClasses을 사용할 수 있습니다