2011-10-11 15 views
5

हैलो मैं div टैग का उपयोग करके और ऐसा करने के दौरान एक टेबल सेल बनाने की कोशिश कर रहा हूं। सेल के भीतर एक टैग img के बाद मुझे यह अतिरिक्त अंतर मिलता है।ए टैग/आईएमजी टैग के बाद अतिरिक्त अंतर?

<div display:table> 
<div display:row> 
    <div display:tabel-cell> 
    <a><img/></a> 

मुझे लगता है कि उस अतिरिक्त दूरी से छुटकारा पाने के लिए मुझे यह पता लगाना नहीं है।

मैंने प्रदर्शन करने की कोशिश की: ए और आईएमजी टैग के लिए इनलाइन। अभी तक भाग्य नहीं है।

यदि कोई मुझे इस अंतर से छुटकारा पाने में मदद कर सकता है तो मैं खुशी से इसकी सराहना करता हूं।

उदाहरण - ठीक पहले इस तालिका के सेल के भीतर एक 2-3 पिक्सेल सफेद स्थान पीछा

http://i.imgur.com/DLPWH.png

+2

मैं एचटीएमएल कोड का शाब्दिक स्पष्टीकरण पढ़ने से प्यार है। यह HTML कोड को पढ़ने से भी बेहतर है ... –

+0

अगली बार मैं इसे जोड़ दूंगा। मैंने इसे संपादित किया। हालांकि – Tom

उत्तर

16

इस तथ्य के अलावा कि आपको टैब्यूलर डेटा के लिए टेबल का उपयोग करना चाहिए, मुझे लगता है कि छवि पर display: block सेटिंग स्थान को हटा देगी। यदि यह काम नहीं करता है, तो समस्या को दिखाने के लिए jsFiddle पृष्ठ बनाने का प्रयास करें।

+0

अरे धन्यवाद यह काम किया। मैं पूरी तरह से ब्लॉक के बारे में भूल गया। मैं टेबल का उपयोग करने के बारे में सोच रहा था लेकिन पता नहीं कि क्या कोई अंतर है। – Tom

+0

हाँ, आपको "डेटा के लिए टेबल" के बारे में सुना है, लेकिन आप यह कहने का प्रयास करते हैं कि जब आप एक ईमेल कोड कर रहे हों तो आप लगभग हर ईमेल क्लाइंट को वहां भेज रहे हैं जिसे आप सबसे अधिक प्लेटफ़ॉर्म पर उचित रूप से प्रदर्शित करना चाहते हैं ... – ElBel

0

तत्वों को इस अतिरिक्त रिक्ति है पर margin: 0 और padding: 0 सेट करके देखें। यह सुनिश्चित करने के लिए कि किसी भी तत्व को इन परेशान करने वाले डिफ़ॉल्ट विशेषताओं जैसे मार्जिन और पैडिंग से साफ़ किया गया है, यह सुनिश्चित करने के लिए CSS Reset को किसी प्रकार का कार्यान्वित करना एक अच्छा विचार है।

1

स्थान का उपयोग कर हटाया जा सकता है कि:

style="display:block;" 
संबंधित मुद्दे