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

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

谢谢
布拉吉什

最佳答案

如果您想只需要一列（通过单词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>

关于html - 在h:panelGrid中对齐一个单元格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7567078/