web-dev-qa-db-ja.com

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つの列は、垂直方向に中央揃えのままです。

jsfrichfacesprimefaces
16
Rajat Gupta

this の回答に基づいて、このようにすることができます（このアプローチが最も好きです）

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}
23
Dejell

私にとってそれはあなたがそのようにすればうまくいきます：

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

そして、以下を含むcssファイルを作成します。

.panelColumns td {
    vertical-align: top; 
}

ちょうど追加のヒントと同じように..あなたは長いまで検索する必要はありません:)

14
joerg_wiesmann