2011-04-15 20 views
27

min-height और vertical-align:middle को td तत्व या उसके आंतरिक तत्व के लिए काम करने के लिए कैसे मजबूर करें?सीएसएस: न्यूनतम ऊंचाई और लंबवत-संरेखण: मध्य

+0

मुझे आपकी जांच बिल्कुल ठीक नहीं है ..? – asharajay

+0

आपने पहले से किस कोड का प्रयास किया है? –

+0

मेरा मतलब है कि आप यह चाहते हैं ... ?? – asharajay

उत्तर

57

height एक td तत्व पर, min-height के बराबर है के रूप में एक तालिका सेल हमेशा विस्तृत होंगी यदि आवश्यक हो - लेकिन ध्यान दें कि, विशेष रूप से एक जटिल तालिका में, कि तालिका पंक्तियों पर ऊंचाइयों की स्थापना एक मुश्किल, अक्सर असंभव, प्रक्रिया है , ब्राउज़रों कि वे किस तरह टेबल प्रस्तुत करना में छूट के एक महान सौदा है और अक्सर एक "निर्णय कॉल"

td { 
height: 100px; 
vertical-align:middle; 
} 
+0

लेकिन मुझे न्यूनतम ऊंचाई की आवश्यकता है। :) जब मैं मिनी-ऊंचाई सेट कर रहा हूं उदाहरण के लिए एक डीवी तत्व के लिए जो टीडी के अंदर है, वर्टिकल-एलाइन के अलावा सब कुछ ठीक है :) मुझे न्यूनतम ऊंचाई की आवश्यकता है, क्योंकि मुझे अंदर तत्वों की सटीक ऊंचाई नहीं पता है। – Somebody

+2

एक div, या 'td' के अंदर कोई अन्य तत्व एक अलग कहानी है, भले ही आप इसकी ऊंचाई निर्धारित कर सकें, जो सैद्धांतिक रूप से 100% 'टीडी' ऊंचाई का 100% होगा .. तो आपको नहीं मिलेगा 'लंबवत-संरेखण '.. क्योंकि वह संपत्ति केवल' td' पर लागू होती है और इनलाइन स्तर तत्वों - सर्वोत्तम तत्वों को अंदर/ऑटो ऊंचाई नहीं होने दें और इस तरह वे टीडी के लंबवत-संरेखण का उपयोग करेंगे .. यदि आप चाहते हैं पृष्ठभूमि या प्रभाव इस बात के बारे में सोचते हैं कि आप 'td' का उपयोग कैसे कर सकते हैं .. एक उदाहरण हमें यह देखने में सक्षम करेगा कि आप वास्तव में क्या कर रहे हैं;) – clairesuzy

+0

+1 * मुझे लगता है * पूर्ण स्थान टीडी के लिए, फिर' न्यूनतम-ऊंचाई ' सही शैली है। मैंने पूर्ण स्थिति वाले टीडी का उपयोग करके "जमे हुए" कॉलम किया था और फिर बाकी रिश्तेदार हैं, इसलिए पूर्ण लोगों को 'न्यूनतम-ऊंचाई' मिलती है और शेष को 'ऊंचाई' मिलती है। – AaronLS

0
margin: *; 

काम कर सकता है कर देगा ...

1

तुम हमेशा के अंदर एक div डाल सकते हैं टीडी और सीएसएस नियमों को div में डाल दिया ...

0

टीडी के लिए न्यूनतम ऊंचाई विशेषता को मजबूर करने के लिए आप टीडी में अदृश्य छवि भी डाल सकते हैं, या आपको div में div में लपेट सकते हैं। पहले मामले के लिए उदाहरण:

<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td> 
संबंधित मुद्दे