min-height
और vertical-align:middle
को td
तत्व या उसके आंतरिक तत्व के लिए काम करने के लिए कैसे मजबूर करें?सीएसएस: न्यूनतम ऊंचाई और लंबवत-संरेखण: मध्य
उत्तर
height
एक td
तत्व पर, min-height
के बराबर है के रूप में एक तालिका सेल हमेशा विस्तृत होंगी यदि आवश्यक हो - लेकिन ध्यान दें कि, विशेष रूप से एक जटिल तालिका में, कि तालिका पंक्तियों पर ऊंचाइयों की स्थापना एक मुश्किल, अक्सर असंभव, प्रक्रिया है , ब्राउज़रों कि वे किस तरह टेबल प्रस्तुत करना में छूट के एक महान सौदा है और अक्सर एक "निर्णय कॉल"
td {
height: 100px;
vertical-align:middle;
}
लेकिन मुझे न्यूनतम ऊंचाई की आवश्यकता है। :) जब मैं मिनी-ऊंचाई सेट कर रहा हूं उदाहरण के लिए एक डीवी तत्व के लिए जो टीडी के अंदर है, वर्टिकल-एलाइन के अलावा सब कुछ ठीक है :) मुझे न्यूनतम ऊंचाई की आवश्यकता है, क्योंकि मुझे अंदर तत्वों की सटीक ऊंचाई नहीं पता है। – Somebody
एक div, या 'td' के अंदर कोई अन्य तत्व एक अलग कहानी है, भले ही आप इसकी ऊंचाई निर्धारित कर सकें, जो सैद्धांतिक रूप से 100% 'टीडी' ऊंचाई का 100% होगा .. तो आपको नहीं मिलेगा 'लंबवत-संरेखण '.. क्योंकि वह संपत्ति केवल' td' पर लागू होती है और इनलाइन स्तर तत्वों - सर्वोत्तम तत्वों को अंदर/ऑटो ऊंचाई नहीं होने दें और इस तरह वे टीडी के लंबवत-संरेखण का उपयोग करेंगे .. यदि आप चाहते हैं पृष्ठभूमि या प्रभाव इस बात के बारे में सोचते हैं कि आप 'td' का उपयोग कैसे कर सकते हैं .. एक उदाहरण हमें यह देखने में सक्षम करेगा कि आप वास्तव में क्या कर रहे हैं;) – clairesuzy
+1 * मुझे लगता है * पूर्ण स्थान टीडी के लिए, फिर' न्यूनतम-ऊंचाई ' सही शैली है। मैंने पूर्ण स्थिति वाले टीडी का उपयोग करके "जमे हुए" कॉलम किया था और फिर बाकी रिश्तेदार हैं, इसलिए पूर्ण लोगों को 'न्यूनतम-ऊंचाई' मिलती है और शेष को 'ऊंचाई' मिलती है। – AaronLS
margin: *;
काम कर सकता है कर देगा ...
तुम हमेशा के अंदर एक div डाल सकते हैं टीडी और सीएसएस नियमों को div में डाल दिया ...
टीडी के लिए न्यूनतम ऊंचाई विशेषता को मजबूर करने के लिए आप टीडी में अदृश्य छवि भी डाल सकते हैं, या आपको div में div में लपेट सकते हैं। पहले मामले के लिए उदाहरण:
<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td>
- 1. jQuery सीएसएस न्यूनतम ऊंचाई
- 2. सीएसएस न्यूनतम ऊंचाई वाले कंटेनर की 100% ऊंचाई
- 3. सीएसएस वर्टिकल संरेखण मध्य
- 4. jquery डेटाटेबल्स डिफ़ॉल्ट न्यूनतम ऊंचाई
- 5. न्यूनतम ऊंचाई या ऑटो
- 6. न्यूनतम ऊंचाई संपत्ति ओवरराइडिंग
- 7. सीएसएस डिस्प्ले: तालिका न्यूनतम ऊंचाई काम नहीं कर रही है
- 8. सीएसएस फ्लोट न्यूनतम चौड़ाई और मार्जिन
- 9. सफारी और क्रोम न्यूनतम चौड़ाई सीएसएस प्रोपरी
- 10. यदि मैं न्यूनतम ऊंचाई और अधिकतम ऊंचाई निर्धारित करता हूं, तो किसकी प्राथमिकता है?
- 11. न्यूनतम ऊंचाई: 100%; ऊंचाई: 100%; काम नहीं कर रहे
- 12. सीएसएस 100% ऊंचाई div
- 13. एचटीएमएल/सीएसएस कैसे मध्य (लंबवत) को <textarea>
- 14. पारंपरिक अग्रणी और सीएसएस लाइन-ऊंचाई
- 15. सीएसएस लाइन-ऊंचाई आईई, सफारी और क्रोम
- 16. सीएसएस अधिकतम ऊंचाई संपत्ति
- 17. सीएसएस डिवी 100% ऊंचाई
- 18. सीएसएस: कैसे ऊंचाई
- 19. सीएसएस: व्यूपोर्ट ऊंचाई
- 20. पूर्ण स्थिति के साथ न्यूनतम ऊंचाई
- 21. एक div के लिए न्यूनतम ऊंचाई कैसे सेट करें?
- 22. मध्य
- 23. न्यूनतम ऊंचाई: ऑटो ओपेरा में काम नहीं कर रहा है
- 24. सीएसएस स्थिति: पूर्ण + गतिशील ऊंचाई
- 25. सीएसएस: फ़्लोटिंग divs 0 ऊंचाई
- 26. सीएसएस न्यूनतम ऊंचाई मोज़िला फ़ायरफ़ॉक्स पर काम नहीं कर रहा है
- 27. सीएसएस सीमा-बाएं 50% ऊंचाई
- 28. सीएसएस नेस्टेड div ऊंचाई 100%
- 29. सीएसएस विशिष्टता, मीडिया के प्रश्नों और न्यूनतम-चौड़ाई
- 30. सीएसएस: लचीला चौड़ाई (न्यूनतम चौड़ाई के बिना) -
मुझे आपकी जांच बिल्कुल ठीक नहीं है ..? – asharajay
आपने पहले से किस कोड का प्रयास किया है? –
मेरा मतलब है कि आप यह चाहते हैं