html - 在 h :panelGrid 中对齐一个单元格

Question

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

谢谢
布拉杰什

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>