सीएसएस स्पैन पूरी तरह से लपेट नहीं रहा

मुझे अधिकतम चौड़ाई तक पहुंचने पर एक नई लाइन में लपेटने वाली सामग्री के साथ कुछ समस्याएं आ रही हैं। मैंने अपने ब्लॉग को एक ही div में सभी टैग प्रदर्शित करने के लिए सेट अप किया है, और जब पहली पंक्ति अधिकतम चौड़ाई तक पहुंच जाती है तो अगला टैग अगली पंक्ति पर कूदना चाहिए। ,सीएसएस स्पैन पूरी तरह से लपेट नहीं रहा

<a href="#"><span>TagName</span></a><a href="#"><span>TagName2</span></a>....

Chrome Firefox

p.tagHolder{ 
margin-bottom:5px; 
line-height:25px;}

सभी HTML/PHP है:

http://jsfiddle.net/QHWNF/7/

यहाँ सीएसएस कोड है (संलग्न क्या क्रोम और फ़ायरफ़ॉक्स में हो रहा है)

स्रोत

2012-08-28 Zach Case

शायद तुम एक न्यूनतम बेला बना सकते हैं (jsfiddle.net) जो समस्या दिखाता है। वहां आप अपनी छवि भी शामिल कर सकते हैं। –

http://jsfiddle.net/QHWNF/7/ –

अपने स्पैन को display: inline-block पर सेट करने का प्रयास करें।

http://jsfiddle.net/QHWNF/10/

स्रोत

2012-08-28 20:23:51 Nate

नाट धन्यवाद! एक जादू की तरह काम किया। –

खुशी हुई यह मदद की! – Nate

@ क्रेवे - यह बहुत अच्छा काम करता है, यही वह सोच रहा था - मैंने कहा, मैं '' को '' के आस-पास के बजाय दूसरी तरफ से 'Test ' - कह रही है, मेरे दृष्टिकोण से: यहां एक चीज है जो एक टैग है, और यह टैग लिंक (कुछ) से जुड़ा हुआ है। –

word-wrap: normal; और word-break: normal; अपने span और p कंटेनर में जोड़ें। यह सुनिश्चित करेगा कि लपेटने की आवश्यकता होने पर शब्दों को केवल ब्रेक-पॉइंट पर तोड़ दिया जाता है।

मुझे आशा है कि इससे मदद मिलेगी!

स्रोत

2012-08-28 20:16:12 Chris

Chrome और Firefox उपयोग शब्द ब्रेक के लिए: तोड़-शब्द और IE के लिए उपयोग एमएस-शब्द-तोड़: रख-सब

स्रोत

2016-03-17 11:30:03

सीएसएस स्पैन पूरी तरह से लपेट नहीं रहा

उत्तर

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