Выравнивание содержимого внутри столбцов PanelGrid

Как выровнять содержимое столбцов, созданных компонентом 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 столбца, созданные таким образом, по-прежнему остаются вертикально выровненными посередине.


jsf primefaces richfaces
person Rajat Gupta    schedule 13.06.2011    source источник

Ответы (2)


arrow_upward
24
arrow_downward

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

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}
person Dejell    schedule 13.06.2011
comment
вам понадобится класс столбца для каждого столбца ‹h:panelGrid columns=3 columnClasses=className, className, className › - person jeff; 05.05.2015

arrow_upward
15
arrow_downward

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

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

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

.panelColumns td {
    vertical-align: top; 
}

просто в качестве дополнительной подсказки.. чтобы долго не искать :)

person joerg_wiesmann    schedule 21.09.2011