2011-06-13 33 views
15

İçeriği, panelGrid bileşeni tarafından oluşturulan sütunlarda top'a nasıl hizalarım? İçindekiler içindekileri hizalamaGrid sütunları

Ben hiçbir başarı ile aşağıdaki kodu

<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> 

çalıştı Ama burada yine oluşturulan 2 sütun hizalanmış dikey orta kalır.

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

ve oluşturun:

cevap

21

this cevap dayanarak, bunu böyle yaparsak çalışır benim için

<h:panelGrid columnClasses="className"> 

.className { 
    vertical-align: top; 
} 
+0

Her sütun için bir sütun sınıfına ihtiyacınız olacak jeff

13

(Ben bu yaklaşımı çoğu gibi) böyle yapabilir içeren css dosyası:

.panelColumns td { 
    vertical-align: top; 
} 

Sadece ek ipucu gibi ... böylece uzun aramanız gerekmez :)

İlgili konular