2011-06-13 15 views
15

पैनल ग्रिड घटक द्वारा बनाए गए कॉलम में 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 कॉलम इसके द्वारा अभी भी बनाया खड़ी मध्य संरेखित किया रहते हैं।

उत्तर

21

this जवाब के आधार पर, आप इस तरह कर सकते हैं मेरे लिए

<h:panelGrid columnClasses="className"> 

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

आपको प्रत्येक कॉलम के लिए कॉलम क्लास की आवश्यकता होगी jeff

13

(मैं इस दृष्टिकोण सबसे अधिक पसंद) यह काम करता है अगर आप इसे ऐसे ही कार्य करें:

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

और एक बनाने सीएसएस फ़ाइल जिसमें निम्न शामिल हैं:

.panelColumns td { 
    vertical-align: top; 
} 

अतिरिक्त संकेत के रूप में .. तो आपको लंबे समय तक खोजना नहीं है :)

संबंधित मुद्दे