दिलचस्प पोस्ट
मैं स्वचालित रूप से एक बहुलाइन पाठ बॉक्स के नीचे स्क्रॉल कैसे करूँ? एक साधारण स्ट्रिंग से टाइम्डेल्टा ऑब्जेक्ट का निर्माण कैसे करें IE9 जावास्क्रिप्ट त्रुटि: SCRIPT5007: संपत्ति 'u' का मूल्य प्राप्त करने में असमर्थ: ऑब्जेक्ट रिक्त या अपरिभाषित है मैं खिड़कियों पर स्रोत टर्बल से एक आर पैकेज कैसे स्थापित करूं? सीटीआईपी – शुरुआती जांचें कि इनपुट jQuery के उपयोग से खाली हैं जावा में "अंतिम" के रूप में स्थानीय वैरिएबल और विधि मापदंडों को क्यों चिह्नित किया जाएगा? JqGrid के लिए एजेक्स ऑब्जेक्ट के लिए अनुरोध हैडर को कैसे सेट करें InnoDB पर पूर्ण टेक्स्ट खोज को प्राप्त करने का कोई भी तरीका डीबग लक्ष्य लापता है? CSS त्रिकोण कैसे काम करते हैं? वर्ग विकल्प का क्या मतलब है? नक्शा सेट / सी + + क्लास / संरचना परिवर्तन में अनुरोध प्राप्त करें सर्वलेट से जेएसपी तक चर को पास करें एसक्यूएल: यदि खंड जहां भीतर होता है I

प्रदर्शन: इनलाइन-ब्लॉक अतिरिक्त मार्जिन

मैं कुछ div साथ काम कर रहा हूं जो कि display: inline-block करने के लिए सेट display: inline-block और एक सेट height और width एचटीएमएल में, अगर प्रत्येक div बाद एक लाइन ब्रेक होती है तो एक स्वचालित 5 पीएक्स मार्जिन डिवेल के दायें और नीचे जोड़ता है।

उदाहरण:

 <div>Some Text</div> <div>Some Text</div> 

क्या कोई ऐसी संपत्ति है जिसे मैंने अनदेखा किया है जो मुझे स्वत: मार्जिन को रीसेट करने की अनुमति देगा?

अद्यतन करें

मैंने पाया है कि मार्जिन को हटाने का कोई रास्ता नहीं है … सिवाय इसके कि आपके पास एक ही पंक्ति पर सब कुछ है या, लाइन ब्रेक के बारे में टिप्पणी करने के लिए टिप्पणियां जोड़ें। उदाहरण:

 <div>Some Text</div><!-- --><div>Some Text</div> 

सबसे अच्छा समाधान नहीं है, लेकिन फिर भी पढ़ने में आसान यदि आपके पास कई पंक्तियाँ हैं

वेब के समाधान से एकत्रित समाधान "प्रदर्शन: इनलाइन-ब्लॉक अतिरिक्त मार्जिन"

Divs को इनलाइन-तत्वों के रूप में माना जाता है बस के रूप में एक स्थान या दो स्पैन के बीच लाइन-ब्रेक के अंतराल बनाएगा, इनलाइन-ब्लॉक के बीच होता है आप या तो उन्हें ऋणात्मक मार्जिन दे सकते हैं या word-spacing: -1; सेट कर सकते हैं word-spacing: -1; आसपास के कंटेनर पर

सफेद स्थान इनलाइन तत्वों को प्रभावित करता है

यह आश्चर्यचकित नहीं होना चाहिए हम स्पैन, मजबूत और अन्य इनलाइन तत्वों के साथ हर दिन देखते हैं। अतिरिक्त मार्जिन को निकालने के लिए फ़ॉन्ट आकार को शून्य पर सेट करें।

 .container { font-size: 0px; letter-spacing: 0px; word-spacing: 0px; } .container > div { display: inline-block; margin: 0px; padding: 0px; font-size: 15px; letter-spacing: 1em; word-spacing: 2em; } 

उदाहरण तो इस तरह दिखेंगे।

 <div class="container"> <div>First</div> <div>Second</div> </div> 

इस के एक jsfiddle संस्करण http://jsfiddle.net/QtDGJ/1/

एक साल बाद, एक इनलाइन LI समस्या के लिए इस सवाल पर ठोकर खाई, लेकिन यहां एक अच्छा समाधान मिला है जो यहां लागू हो सकते हैं।

http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

vertical-align:bottom मेरे सभी LI तत्वों के vertical-align:bottom सभी ब्राउज़रों में मेरी "अतिरिक्त मार्जिन" समस्या तय की गई

font-size: 0 मूल कंटेनर के लिए

(स्रोत: https://twitter.com/garand/status/183253526313566208 )

उन जगहों को निकालने का क्लीनर तरीका है float: left; का उपयोग करके float: left; :

डेमो

HTML:

 <div>Some Text</div> <div>Some Text</div> 

सीएसएस:

 div { background-color: red; float: left; } 

I'ts सभी नए ब्राउज़र में समर्थित जब आईई ने बहुत सारे डेवलपर्स के खिलाफ मुकदमा दर्ज नहीं किया तो फ़ायरफ़ॉक्स / क्रोम पर अच्छी तरह से काम करता है, लेकिन आज, जब आईई 14.3% से नीचे है वैसे भी, IE-9 के कई मुद्दों पर यह भी नहीं सोचा था कि यह समर्थित नहीं है, उदाहरण के लिए उपरोक्त डेमो ठीक काम करता है

आप एक ऊर्ध्वाधर स्थान प्राप्त कर सकते हैं, भले ही आपके पास कोई इनलाइन ब्लॉक तत्वों के बीच कोई भी फीस नहीं है।

मेरे लिए, यह line-height कारण हुआ line-height साधारण सुधार था:

 div.container { line-height: 0; } div.container > * { line-height: normal; } 

रिकॉर्ड के लिए, उस मार्जिन और पैडिंग रीसेटिंग ने मेरे लिए चाल नहीं की, लेकिन उपरोक्त टिप्पणियों में से एक यह मुद्दा महत्वपूर्ण साबित हुआ और मेरे लिए इस मुद्दे का समाधान किया: "अगर मैं एक ही पंक्ति पर divs रखता हूं मार्जिन गायब हो जाता है। "

इस मुद्दे के लिए कई तरह के समाधान हैं, जिसमें शब्द-अंतर या फ़ॉन्ट आकार शामिल है, लेकिन यह आलेख -4 पिक्सल के सही हाशिये से मार्जिन को हटाने का सुझाव देता है;

http://designshack.net/articles/css/whats-the-deal-with-display-inline-block/

क्या आप प्रश्न में HTML के लिए एक लिंक पोस्ट कर सकते हैं?

अंततः आपको ऐसा करने में सक्षम होना चाहिए:

 div { margin:0; padding: 0; } 

अंतर को दूर करने के लिए क्या यह सिर्फ एक विशेष ब्राउज़र या उन सभी में है?

इस मुद्दे के साथ संघर्ष करने के बाद कई बार मुझे एचटीएमएल 5 में एक बहुत खूबसूरत समाधान मिला। एचटीएमएल 5 में आपको कई (ली, पी, इत्यादि) टैग बंद नहीं करना चाहिए; XML बनने की महत्वाकांक्षा हमेशा के लिए चली गई है उदाहरण के लिए, सूची को करने का पसंदीदा तरीका यह है:

 <ul> <li> <a ...>...</a> <li> <a ...>...</a> </ul> 

ब्राउजर्स को लाई को बंद करना होगा और उन्हें इस समस्या को हल करने के लिए, व्हाटस्पेस के बिना शुरू करना चाहिए। यदि आपके पास अभी भी एक्सएमएल मानसिकता है तो यह गलत लगता है, लेकिन एक बार आप इसे खत्म हो जाते हैं कि यह कई दुःस्वप्न बचाता है और यह एक हैक नहीं है क्योंकि यह एचटीएमएल 5 स्पेस के शब्दों पर आधारित है। बेहतर नहीं होने के बाद से टैग बंद नहीं होने के कारण मुझे कोई संगतता मुद्दे की उम्मीद नहीं है (हालांकि परीक्षण नहीं हुआ) बोनस यह है कि HTML फ़ॉर्मेटर्स इस अच्छी तरह से संभालते हैं

थोड़ा काम किया उदाहरण: http://cssdesk.com/Ls7fK

इसका एक अन्य समाधान एक HTML मिनेफ़ायर का उपयोग करना है यह ग्रन्ट बिल्ड की प्रक्रिया के साथ सबसे अच्छा काम करता है, जहां एचटीएम को मक्खी पर डाइनेज किया जा सकता है।

अतिरिक्त लाइन ब्रेक और व्हाइटस्टेस हटा दिए गए हैं, जो मार्जिन समस्या को सुस्पष्टता से हल करता है, और आपको आईडीई (कोई </li><li> ) में मार्कअप लिखने देता है।

मुझे एक ही समस्या का सामना करना पड़ा मेरे लिए यह किस वजह से हुआ था &nbsp; जिसे मैंने व्हाइटटेपस ( &nbsp; ) का एक गुच्छा डाला था। उन्हें हटाने के बाद, समस्या हल हो गई थी।