दिलचस्प पोस्ट
फ़ायरफ़ॉक्स ऐड-ऑन के लिए मैं हस्ताक्षर जांच कैसे अक्षम करूं? सुनिश्चित करें कि PHP substr एक शब्द पर एक चरित्र नहीं खत्म हो गया है Vba से एक .net पुस्तकालय विधि कॉलिंग बीबीसीडी को पार्स करने का सर्वोत्तम तरीका अगर div में अतिप्रवाह तत्व हैं तो jquery के साथ जांचें Java.lang.NoClassDefFoundError को हल करने के लिए कैसे करें: जावा 9 में javax / xml / bind / jAXBException आप ओपनजीएल ES का उपयोग कर एक UIImage में विकृतियों को कैसे लागू कर सकते हैं? सी / सी ++ में libcurl का उपयोग करके फ़ाइल डाउनलोड करें jQuery के AJAX 'मल्टीपार्ट / फॉर्म-डेटा' डेटा नहीं भेजा जा रहा है? उद्देश्य सी में चयनकर्ता D3.js मानचित्र: इसे घुमाने के लिए कैसे? HTML चपलता पैक – सामग्री को निकाले बिना अवांछित टैग को निकाल रहा है? निर्धारित करने का सबसे तेज़ तरीका है कि कोई पूर्णांक का वर्गमूल एक पूर्णांक है Android JNI प्रोग्राम से कॉल करने के लिए लॉग एपीआई क्या है? मावेन के लक्ष्य और चरण क्या हैं और उनका क्या अंतर है?

लाइन ब्रेक का उपयोग करते समय एचटीएमएल तत्वों के बीच सफेद स्थान निकालना

मेरे पास लगभग 10 img एस की एक पंक्ति है एचटीएमएल की पठनीयता के लिए, मैं प्रत्येक img टैग के बीच एक लाइनब्रीक करना चाहता हूं, लेकिन ऐसा करने से छवियों के बीच सफेद स्थान को रेंडर करता है, जो मुझे नहीं चाहिए। क्या कुछ भी मैं उन दोनों के बीच टैग के बीच में ब्रेक के अलावा अन्य कर सकता हूं?

संपादित करें: यहां तक ​​कि मेरे पास अब तक का एक स्क्रीनशॉट है। मैं पीढ़ी का उपयोग करके यादृच्छिक संयोजनों में प्रदर्शित करने के लिए किताब की रीढ़ की छवियों को पसंद करूंगा। यही कारण है कि मुझे अलग img टैग की आवश्यकता है

स्क्रीनशॉट

Solutions Collecting From Web of "लाइन ब्रेक का उपयोग करते समय एचटीएमएल तत्वों के बीच सफेद स्थान निकालना"

आप सीएसएस का उपयोग कर सकते हैं। डिस्प्ले सेट करना: ब्लॉक, या फ्लोट: छवियों पर छोड़े जाने से आप अपना खुद का अंतर परिभाषित कर सकते हैं और HTML को प्रारूपित कर सकते हैं, लेकिन आप चाहें, लेकिन उन तरीकों से लेआउट को प्रभावित कर सकते हैं जो उपयुक्त हो या संभव न हों

अन्यथा आप इनलाइन सामग्री से काम कर रहे हैं, इसलिए HTML स्वरूपण महत्वपूर्ण है – क्योंकि छवियां प्रभावी रूप से शब्दों की तरह काम करती हैं।

क्षमा करें यदि यह पुराना है लेकिन मुझे एक समाधान मिला है

0 से font-size सेट करने का प्रयास करें। इस प्रकार छवियों के बीच में सफेद-स्थान 0 की चौड़ाई होगी, और छवियों को प्रभावित नहीं किया जाएगा।

पता नहीं कि यह सभी ब्राउज़रों में काम करता है, लेकिन मैंने इसे क्रोमियम और कुछ <li> display: inline-block; तत्वों display: inline-block;

आप टिप्पणियों का उपयोग कर सकते हैं

  <img src="..." alt="..."><!-- --><img src="..." alt="..."><!-- --><img src="..." alt="..."><!-- --><img src="..." alt="..."> 

मैं हालांकि छवियों की श्रृंखला की एक श्रृंखला होने के अर्थ के बारे में चिंतित हूँ।

सीएसएस के साथ अनुमानित सामग्री के बिना आपके पास दो विकल्प हैं। पहला विकल्प टैग्स से केवल रिक्त स्थान वाले बच्चों को हटाने के लिए जावास्क्रिप्ट का उपयोग करना है। एक अच्छा विकल्प हालांकि इस तथ्य का उपयोग करना है कि इसका अर्थ होने के बिना सफेद स्थान टैग में मौजूद हो सकता है। इस तरह:

 <div id="[divContainer_Id]" ><img src="[image1_url]" alt="img1" /><img src="[image2_url]" alt="img2" /><img src="[image3_url]" alt="img3" /><img src="[image4_url]" alt="img4" /><img src="[image5_url]" alt="img5" /><img src="[image6_url]" alt="img6" /></div> 

जिस तरह से बहुत अधिक शोध, परीक्षण और त्रुटि के बाद मुझे लगता है कि ठीक काम करता है एक तरह से पाया और मैन्युअल रूप से बच्चों के तत्वों पर फ़ॉन्ट आकार मैन्युअल रूप से फिर से सेट करने की आवश्यकता नहीं है, मुझे पूरे डॉक्टर में एक मानकीकृत फ़ॉन्ट आकार के आकार की अनुमति देता है ।

फ़ायरफ़ॉक्स में यह काफी आसान है, बस word-spacing: -1em सेट करें word-spacing: -1em माता-पिता तत्व पर word-spacing: -1em कुछ कारणों से, क्रोम इस पर ध्यान नहीं देता (और जहां तक ​​मैंने परीक्षण किया, यह शब्द की परवाह किए बिना शब्द अंतर को अनदेखा करता है)। इसलिए इसके अलावा मैं letter-spacing: -.31em माता letter-spacing: normal पिता और letter-spacing: normal लिए letter-spacing: -.31em letter-spacing: normal बच्चों के लिए letter-spacing: normal । एक एम का यह अंश केवल अंतरिक्ष का आकार है यदि आपके आकार का मान मानकीकृत है । फ़ायरफ़ॉक्स बदले में, अक्षरों के अंतर के लिए नकारात्मक मानों की उपेक्षा करता है, इसलिए यह शब्द अंतरण में नहीं जोड़ता।

मैंने इसे फ़ायरफ़ॉक्स 13 (जीत / उबुंटू, 14 एंड्रॉइड पर), Google क्रोम 20 (जीत / उबुंटू), आईसीएस 4.0.4 और आईई 9 पर एंड्रॉइड ब्राउज़र पर परीक्षण किया है। और मुझे यह कहने का मोहक है कि यह सफारी पर भी काम कर सकता है, लेकिन मुझे वाकई पता नहीं है …

यहां एक डेमो है http://jsbin.com/acucam

मैं बहुत देर हो चुकी हूँ (मैं सिर्फ एक सवाल पूछा और संबंधित अनुभाग में पतली पाया) लेकिन मुझे लगता है कि प्रदर्शन: टेबल-सेल; एक बेहतर समाधान है

 <style> img {display:table-cell;} </style> <img src="img1.gif"> <img src="img2.gif"> <img src="img3.gif"> 

केवल समस्या यह है कि यह आईई 7 और इसके पहले के संस्करणों पर काम नहीं करेगा लेकिन हैक के साथ तय करने योग्य है

इस समस्या को सुलझाने के लिए सीएसएस स्टाइलशीट का प्रयोग करें जैसे कि निम्न कोड।

 [divContainer_Id] img { display:block; float:left; border:0; } 

वैकल्पिक पाठ http://rabu4g.bay.livefilestore.com/y1pWoAOBMiLumd2iQTAreYjQCDIkHImh2g_b2g9k4AnxtDNrCjvzL6bK7skG8QKMRNWkMG7N8e5Xm7pgle3tdRJd2y08CnnoPLy/Capture.PNG

फ़ायरफ़ॉक्स 3.5 अंतिम पर परीक्षण!

पुनश्च। आपके एचटीएमएल को यह पसंद करना चाहिए

 <div id="[divContainer_Id]"> <img src="[image1_url]" alt="img1" /> <img src="[image2_url]" alt="img2" /> <img src="[image3_url]" alt="img3" /> <img src="[image4_url]" alt="img4" /> <img src="[image5_url]" alt="img5" /> <img src="[image6_url]" alt="img6" /> </div> 

क्या कुछ भी मैं उन दोनों के बीच टैग के बीच में ब्रेक के अलावा अन्य कर सकता हूं?

ज़रुरी नहीं। चूंकि <img> s इनलाइन तत्व हैं, इन तत्वों के बीच रिक्त स्थान को HTML रेंडरर द्वारा टेक्स्ट में सही स्थान के रूप में माना जाता है – अनावश्यक रिक्त स्थान (और रेखा खंड) काट दिया जाएगा, लेकिन पाठ तत्व के चरित्र डेटा में सिंगल स्पेस डाला जाएगा

<img> टैग को स्थानांतरित करने से यह पूरी तरह से रोका जा सकता है, लेकिन मैं इसके खिलाफ सलाह दूंगा क्योंकि इसका मतलब होगा कि प्रत्येक छवि को मैन्युअल रूप से कुछ पिक्सेल माप के लिए पोजिशनिंग करना होगा जो बहुत काम हो सकता है

फ्लेक्सबॉक्स आसानी से इस पुरानी समस्या को ठीक कर सकता है:

 .image-wrapper { display: flex; } 

फ्लेक्सबॉक्स के बारे में अधिक जानकारी: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

रिक्त स्थान के स्थानों में अपरंपरागत लाइन ब्रेक का उपयोग करने के लिए एक और समाधान होगा। यह पहले जोड़े के उत्तरों के समान है, और तत्वों को ऊपर उठाने का एक वैकल्पिक तरीका है। यह एक सुपर-एज-ऑप्टिमाइज़ेशन तकनीक भी है क्योंकि यह कैरिज रिटर्न के साथ आपके मार्कअप में रिक्त स्थान की जगह लेता है।

 <img src="image1.jpg"><img src="image2.jpg"><img src="image3.jpg"><img src="image4.jpg"> 

ध्यान दें कि उस कोड में से कोई भी स्थान नहीं है। जहां सामान्यतः एचटीएमएल में रिक्त स्थान का उपयोग किया जाता है वहां कैरिज रिटर्न के साथ बदल दिया जाता है। टिप्पणियों का उपयोग और पॉल डी विरीज़ की तरह व्हाइटस्पेस का प्रयोग करने से यह कम स्पष्ट है।

इस दृष्टिकोण के लिए tech.co को क्रेडिट

तत्वों के बीच श्वेत स्थान केवल दृश्य स्वरूपण उद्देश्यों के लिए HTML संपादक द्वारा लगाया जाता है। आप व्हाट्सएप को हटाने के लिए jQuery का उपयोग कर सकते हैं:

 $("div#MyImages").each(function () { var div = $(this); var children= div.children(); children.detach(); div.empty(); div.append(children); }); 

यह बाल तत्वों को अलग करता है, कोई भी सफेद स्थान साफ़ करता है जो बाल तत्वों को वापस दोबारा जोड़ने से पहले रहता है।

इस प्रश्न के अन्य उत्तरों के विपरीत, इस पद्धति का उपयोग करके सुनिश्चित किया जाता है कि विरासत सीएसएस display और font-size मान बनाए रखा जाता है। float और बोझिल clear उपयोग करने की भी कोई आवश्यकता नहीं है जो कि तब आवश्यक है। बेशक, आपको jQuery का उपयोग करना होगा।

व्यक्तिगत रूप से मुझे यह स्वीकार करने के लिए स्वीकार किया गया जवाब लगता है कि ऐसा करने का कोई सही तरीका नहीं है, कुछ रूपों की चाल का उपयोग करने के साथ नहीं।

मेरे लिए, यह एक कष्टप्रद मुद्दा है जिस पर आपको एक घंटे का समय बर्बाद कर दिया जा सकता है क्योंकि उदाहरण के लिए चेक बक्से की एक पंक्ति बिल्कुल सही नहीं है। इसलिए मुझे एक त्वरित Google होना चाहिए और स्वयं को जांचना होगा कि क्या सीएसएस नियम था कि मुझे याद नहीं है … लेकिन नहीं लगता है 🙁

अगले सर्वश्रेष्ठ उत्तर के लिए, फ़ॉन्ट-आकार का उपयोग करने के लिए … मुझे यह एक बुरा हैक है जो बाद में आप सोचेंगे कि आपका पाठ क्यों नहीं दिखा रहा है।

मैं आमतौर पर PHP के साथ बहुत कुछ विकसित करता हूं और उस स्थिति में जहां मैं चेक बक्से की ग्रिड उत्पन्न करता हूं, PHP जनित सामग्री इस समस्या को दूर करती है क्योंकि यह किसी अंतर / ब्रेक को सम्मिलित नहीं करता है।

बस, मैं सुझाव देता हूं कि सभी छवियों को एक पंक्ति पर एक साथ मिलकर या सामग्री / छवियां बनाने के लिए सर्वर साइड स्क्रिप्ट का उपयोग करने से संबंधित है।

तत्वों के बीच एक सीआर / एलएफ को निकालने के बजाय, मैं एसजीएमएल प्रसंस्करण निर्देश का उपयोग करता हूं क्योंकि मिनिफ़िर अक्सर टिप्पणियों को निकालते हैं, लेकिन एक्सएमएल पीआई नहीं। जब PHP पीआई पर PHP द्वारा संसाधित किया जाता है, तो इसमें सीआर / एलएफ के साथ पीआई को पूरी तरह से हटाने का अतिरिक्त लाभ होता है, इस प्रकार कम से कम 8 बाइट्स को बचाया जाता है। आप किसी भी मनमानी मान्य निर्देश नाम का उपयोग कर सकते हैं जैसे कि एक्स (एचटी) एमएल में दो बाइट्स बचाएं।

सफेद-अंतरिक्ष: प्रारंभिक; मेरे लिये कार्य करता है।

शब्दावली से बोलना, क्या किसी आदेश या अनोर्ड सूची का उपयोग करना सबसे अच्छा नहीं होगा और फिर इसे सीएसएस का उचित रूप से इस्तेमाल करना चाहिए?

 <ul id="[UL_ID]"> <li><img src="[image1_url]" alt="img1" /></li> <li><img src="[image2_url]" alt="img2" /></li> <li><img src="[image3_url]" alt="img3" /></li> <li><img src="[image4_url]" alt="img4" /></li> <li><img src="[image5_url]" alt="img5" /></li> <li><img src="[image6_url]" alt="img6" /></li> </ul> 

सीएसएस का प्रयोग करके, आप जिस भी तरीके से आप चाहें इसे शैली में सक्षम कर सकते हैं और पुस्तकों के बीच की सफेद स्थान को हटा सकते हैं।