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>

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

1 个答案: