对齐h：panelGrid中的一个单元格

Question

如何对齐jsf 2.0中的h:panelGrid中的特定单元格。我可以通过在h:panelGrid中添加样式来对齐整个表格。但我只需要一个单元格对齐中心。

感谢
Brajesh

Answer 1

如果你想说，你只需要一列（通过字cell）对齐中心，使用columnClasses

<h:panelGrid columns="3" columnClasses="basicStyle, centerStyle, basicStyle" 

CSS

.basicStyle { 
    /*text-align: inherit; optinal*/ 
} 

.centerStyle{ 
    text-align: center; 
} 

编辑：只对齐一个单元格

声明一个新的网格只为你要对齐的单元格：

<h:panelGrid columns="2" width="800px"> 
    <h:outputText value="#test" /> 
    <h:outputText value="#test" /> 
    <h:panelGrid columnClasses="centerStyle" width="100px"> 
     <h:outputText value="#test" /> 
    </h:panelGrid> 
    <h:outputText value="#test" /> 
    <h:outputText value="#test" /> 
    <h:outputText value="#test" /> 
</h:panelGrid>