我要为显示在下面的图片对齐元素。

I want to align elements as shown in the following image.

有2列。之一对准到左母体的和彼此对准到右。 我不想指定像素或EM东西。在我如何做到这一点＆LT; H：panelGrid的/＆GT;

There are 2 columns. One aligned to left of the parent and another aligned to right. I dont want to specify anything in px or em. How do I achieve this in <h:panelGrid /> ?

推荐答案

使用CSS。

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

与

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

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

参见：

See also: