2010-09-13 16 views
16

लेते हैं मैं कुछ खाली छिपा तत्व बनाना चाहता हूं (iframes अच्छा होगा, पैराग्राफ करेंगे) कि जावास्क्रिप्ट बाद में भर जाएगा और संशोधित करेगा। मैं यह समझने में सक्षम नहीं हूं कि इन तत्वों को अंतरिक्ष लेने से कैसे रखा जाए। मैंने मार्जिन और पैडिंग बंद कर दी है और ऊंचाई को शून्य पर सेट कर दिया है लेकिन फिर भी रिक्त स्थान के साथ समाप्त हो गया है।छिपे हुए एचटीएमएल तत्व अंतरिक्ष

मैं एक छिपे हुए तत्व का एक उदाहरण देखना चाहता हूं जो पृष्ठ पर कोई स्थान नहीं लेता है। दरअसल, मैं एचटीएमएल, सीएसएस, और जावास्क्रिप्ट देखना चाहता हूं। :-)।

उत्तर

36

somthing के साथ इस इनपुट का मान सेट आप visibility: hidden; उपयोग कर रहे हैं आप display: none; बजाय का उपयोग करना चाहिए कर सकते हैं।

1

#myelement { display:none; } यह सीएसएस के माध्यम से पहले से ही करना चाहिए, का उपयोग कर <div id="myelement"></div>

0

सबसे आम समाधान प्रकार छिपा वाला इनपुट उपलब्ध है।

<input type="hidden" value="yourvalue" id="yourid" /> 

कोई स्टाइल आवश्यक नहीं है।

आप की तरह

document.getElementById('yourid').value="The Value Here"; 
0

आप शैली = "डिस्प्ले: कोई नहीं" या शैली = "दृश्यता: छुपा" क्यों सेट नहीं कर सकते हैं, और उसके बाद अनुपलब्ध सामग्री को हटाए जाने के बाद इसे दृश्यमान करने के लिए सेट करें?

3

मुझे लगता है कि आप दृश्यता का उपयोग कर रहे हैं: छुपा? जैसा कि आपने देखा है, यह इसे छुपाएगा, लेकिन फिर भी अंतरिक्ष ले जाएगा।

हालांकि, प्रदर्शन का उपयोग करके: कोई भी इसे छुपाएगा और पृष्ठ लेआउट से इसे हटा देगा।

0
style="visibility:hidden;line-height:0;" 

लाइन ऊंचाई से कम ऊंचाई को सेट करना आम तौर पर समय की बर्बादी है।

1

मुझे पता चला है कि अगर मैं visibility: none का उपयोग करता हूं तो मैं उन वस्तुओं में एम्बेड किए गए लक्ष्य खो देता हूं। नतीजतन मैंने font-size: 0pt सेट किया जो मेरे लिए अच्छा काम करता प्रतीत होता है।

मैं इसका उपयोग उन डिफ़ॉल्ट नामों को छिपाने के लिए करता हूं जो पुन: संरचित पाठ इनलाइन आंतरिक लक्ष्यों के लिए रखता है; span.target { font-size: 0pt };

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