0

panelGrid で 2 つのリストを整列させようとしています。1 つのリストが他のリストよりも短いため、パネルと短いリストの上部の間にスペースができます。

パネル上部の間にスペースがないように揃えたいだけで、両方とも同じ幅になります（50％、50％）

 <h:panelGrid columns="2" >
    <p:dataList value="#{disBean.productList}" var="prod" itemType="circle"> 
        <f:facet name="header">p</f:facet>
        <p:column>#{prod.name} </p:column>
        <p:column>#{prod.Version}</p:column>
    </p:dataList>
    <p:dataList value="#{disBean.custList}" var="cust" itemType="circle"> 
        <f:facet name="header">c</f:facet>
        <p:column>#{cust.name} </p:column>
        <p:column>#{cust.Version}</p:column>
    </p:dataList>   
</h:panelGrid>

css を使用しようとしましたが (この例にはありません)、正しい組み合わせが見つかりませんでした。

どんな例でも素晴らしいでしょう

ありがとう

4

1 に答える 1

0

によって生成された要素の CSSvertical-alignプロパティをに設定する必要があります。順番にすべての要素に適用する必要がある CSS スタイル クラス名を持つカンマ区切りの文字列を取る属性を介して設定できます。top<td><h:panelGrid>columnClasses<td>

だから、これはするべきです、

<h:panelGrid ... columnClasses="align-top, align-top">

このCSSで

.align-top {
    vertical-align: top;
}
于 2012-11-02T02:12:04.563 に答える