लांग स्ट्रिंग आईई

Question

में एकाधिक पंक्तियों में बंटवारे नहीं है मैं की तरह

http://terra.cic.local/web/index.cfm//pm/uebersicht?sucheAufgeklappt=was%2Cwie%2Cwohin%2Cwann%2Cwer&sucheVon=&sucheBis=&sucheIstErsteSeiteAnzahlProdukteErmitteln=false&sucheIDReiseart=26&sucheHotelart=1081&sucheHotelart=1082&sucheIDLand=347&sucheRegion=214&sucheIstZeitlichFlexibel=true&sucheDauer=&sucheAnzahlErwachsene=2&sucheAnzahlKinder=0&sucheAnzahlPersonen=2&sucheAnzahlSchlafzimmer=&sucheEntfernungStrand=&sucheEntfernungSkilift=

इस लिंक एक बड़ी क्वेरी स्ट्रिंग 700px चौड़ाई के साथ एक div में दिखाया गया है चिपकाया जाएगा है। एफएफ में इसे कई लाइनों पर विभाजित किया जाएगा लेकिन आईई में नहीं। ठोस स्ट्रिंग एकल रेखा में प्रदर्शित होती है। और पेज लेआउट तोड़ो।

कोई सुझाव?

धन्यवाद।

Answer 1

का उपयोग करते हुए निम्नलिखित शैलियों:

.divideMe{ 
width:100px; 
word-wrap: break-word; 
} 

<div class='divideMe'>reallyreallyreallyreallyreallyreallylongstring</div> 

यह उत्पादन

reallyreallyreally 
reallyreallyreallyl 
ongstring 

हालांकि यह वास्तव में मात्रा में शब्द नहीं तोड़ता है तो आप अभी भी द्वारा डबल (ट्रिपल) यह चयन कर सकते हैं इस पर क्लिक करते हैं । मुझे यकीन नहीं है कि यह ब्राउज़र कितना संगत है लेकिन यह मेरे द्वारा उपलब्ध ब्राउज़रों पर ठीक काम करता प्रतीत होता है। ध्यान रखें कि यह CSS3 संपत्ति है।

आईई 6,7,8 पर परीक्षण ठीक है। एफएफ 3.6

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

Answer 2

यदि आप लाइन के अंत में एक हाइफेनेशन चरित्र चाहते हैं, तो आप ­ HTML इकाई का उपयोग कर सकते हैं।

लेकिन यदि आप केवल एक लाइन ब्रेक चाहते हैं, तो अपने लिंक टेक्स्ट में <wbr> तत्व डालें। Quirksmode.org पर वर्णित ब्राउज़र असंगतताओं से अवगत रहें।

उस ने कहा, मैं लिंक टेक्स्ट को ऐसे लंबे यूआरएल से ज्यादा अर्थपूर्ण में बदल दूंगा।