对齐<h：panelgrid> </h：panelgrid>中的元素

Question

我想对齐元素，如下图所示。

有2列。一个与父母左边对齐，另一个与右边对齐。 我不想在px或em中指定任何内容。我如何在<h:panelGrid />？

中实现这一目标

Answer 1

使用CSS。

<h:panelGrid columns="2" columnClasses="column1,column2">
    ...
</h:panelGrid>

与

.column1 {
    width: 50%;
    text-align: left;
}

.column2 {
    width: 50%;
    text-align: right;
}

另见：

• CSS tutorial