2011-09-23 17 views
8

सीएसएस की मेरी कमी कौशल मुझे सिरदर्द दे रहा है। नीचे के रूप में इस तस्वीर में प्रस्तुत किया, फ़ायरबग से कब्जा कर लिया:सेट टेबल पंक्ति ऊंचाई

enter image description here

एक GWT Vaadin बुलाया ढांचे की तरह मैं एक टेबल घटक वर्ग के नाम M2M मोडल-टेबल दे दिया है और मैं एक मिनट की सेट करना चाहते हैं का उपयोग करना उस तालिका में चार पंक्तियों की ऊंचाई। हालांकि, मैं यह काम करने के लिए प्राप्त करने के लिए नहीं कर पा रहे .. और जैसा कि आप छवि से देख तालिका भी (वर्ग के नाम M2M मोडल-टेबल लेकिन v-टेबल-टेबल बजाय प्रतीत नहीं होता है शैलियों को मेरी भागीदारी के बाहर जोड़ा जा रहा है क्योंकि मैं पहले से ही सेटअप फ्रेमवर्क लाइब्रेरी का उपयोग कर रहा हूं)।

तो, कर सकते हैं जो कोई CSS वर्ग मुझे बताओ कि मैं मेज की पंक्ति ऊंचाई निर्धारित करने के लिए शैली पत्रक में लिखना चाहिए चर्चा करते हुए का अच्छा ज्ञान है?

धन्यवाद!

संपादित करें: सहायता के लिए धन्यवाद। और मैंने पाया कि सीएसएस को

.m2m-modal-table .v-table-table th, 
.m2m-modal-table .v-table-table td { 
    height: 55px; 
    min-height: 55px; 
} 

केवल तालिका में स्टाइल को शैली में सेट करेगा, न कि एप्लिकेशन में सभी टेबल।

उत्तर

10

हमेशा अपनी ऊंचाई को कोशिकाओं पर सेट करें, पंक्तियों पर नहीं।

.v-table-table th, 
.v-table-table td{ 
    height: 55px; 
    /* min-height: 55px; EDITED */ 
} 

करना होगा (min-height अकेले काम नहीं करता है)।

संपादित करें: जैसा कि डीजेएसडिनॉफ़ ने लिखा था, न्यूनतम ऊंचाई हर जगह काम नहीं करती है। आईई 8 और आईई 9 min-height की व्याख्या करते हैं लेकिन यह अन्य ब्राउज़रों के लिए मानक नहीं है।

+0

हाँ ऐसा प्रतीत होता है काम करना चाहिए, लेकिन ऐसा नहीं है ... मैं कर रहा हूँ पूरी तरह से उलझन में है, मैं तो कई संयोजनों के साथ की कोशिश की है है, लेकिन कुछ भी नहीं काम करने के लिए लगता है .. यदि आप किसी अन्य विचार है, चर्चा करते हुए कुछ फैशन में सीएसएस वर्ग का नाम m2m-modal-table ..? – AndroidHustle

+0

आपको फ़ायरफ़ॉक्स फ़ायरबग में देखना चाहिए जो शैलियों इन कोशिकाओं को प्रभावित करती है और फिर उन्हें ओवरराइड करती है। आप '! महत्वपूर्ण 'का उपयोग करने का भी प्रयास कर सकते हैं। साइट पर देखे बिना मैं आपकी मदद नहीं कर सकता। – avall

+0

वाह! उस आखिरी संपादन ने चाल की! धन्यवाद! अब मुझे केवल यह पता लगाना होगा कि यह केवल इस तालिका को कैसे प्रभावित करेगा और एप्लिकेशन में सभी तालिकाओं को नहीं ... ...) – AndroidHustle

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