Выравнивание содержимого внутри панелей

Как сопоставить содержимое в столбцах, созданных компонентом panelGrid, с top?

Я пробовал без успеха, следующий код

<h:panelGrid columns="2" style="vertical-align:top;  " >
       <p:tabView style="margin:0px 0px 50px 0px; width: 450px; padding-top: 0px;vertical-align:top" ></p:tabView>                
       <p:menubar autoSubmenuDisplay="true" style="width: 300px; vertical-align:top" ></p:menubar>
</h:panelGrid>

Но 2 столбца, созданные здесь, по-прежнему сохраняются по вертикали в середине.

Ответ 1

Основываясь на this, вы можете сделать это (мне нравится этот подход больше всего)

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}

Ответ 2

для меня это работает, если вы сделаете так:

<h:panelGrid columns="6" cellspacing="4" cellpadding="4" styleClass="panelColumns">
</h:panelGrid>

и создайте файл css, который содержит:

.panelColumns td {
    vertical-align: top; 
}

так же, как дополнительный намек.. поэтому вам не нужно долго искать:)