2012-07-12 13 views
13

है, मैं अपने कोड में div ब्लॉक की टेबल-सेल व्यवस्था का उपयोग कर रहा हूं। मेरे कोड में एक समस्या है।सीएसएस टेबल-सेल, सामग्री में अनावश्यक शीर्ष मार्जिन

कैसे मेरे एचटीएमएल लग रहा है का पूर्वावलोकन है here

जब मैं अपनी पहली पैनल में किसी भी सामग्री (पाठ या छवि) है तो दूसरे और तीसरे पैनल के .inner div कुछ 10-15 पिक्सल के एक शीर्ष मार्जिन राशि । ऐसा क्यों है ?

कोई भी मुझे देख सकता है और मुझे बता सकता है कि मैं क्या खो रहा हूं।

उत्तर

34

#wrapper > div

डेमो देखें में vertical-align:top; जोड़ें: http://jsbin.com/avozik/14/edit

+0

बिल्कुल सही !! यह काम करता है। – Ashwin

+4

कुछ लंबवत-संरेखण जानकारी में रुचि रखने वाले किसी के लिए, [यह] (http://phrogz.net/css/vertical-align/index.html) एक अच्छी व्याख्या है। – brains911

2

मैं एक ऐसी ही मामला है, और vertical-align:top; मुद्दे को हल करती है। हालांकि मैं इस के पीछे कारण विस्तृत करना चाहते हैं: तालिका सेल डिफ़ॉल्ट रूप से vertical-align:baseline; का उपयोग करता

https://jsfiddle.net/46tyc48y/1/

वजह से, सही सेल पाठ छवि के आधार रेखा (नीचे) को संरेखित, शीर्ष पर प्रेत रिक्ति बनाने होंगे। इसलिए हमें इस व्यवहार को बाईपास करने के लिए vertical-align को स्पष्ट रूप से सेट करने की आवश्यकता है।

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