Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: Rajat GuptaОтветов: 2

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

jsfprimefacesrichfaces

Ответы

Ответ 1 · рейтинг 24 · Dejell

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

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}

Ответ 2 · рейтинг 15 · joerg_wiesmann

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

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

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

.panelColumns td {
    vertical-align: top;
}

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы