对齐<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;
}