2010-12-11 12 views
6


मेरे पास एक निश्चित डीवी तत्व है जिसमें कुछ चौड़ाई है जिसमें HTML पार्सर के लिए स्वचालित रूप से एकाधिक लाइनों में तोड़ने के लिए कोई स्थान नहीं है। पाठ डीआईवी की सीमा से आगे जा रहा है और पेगा को गड़बड़ कर रहा है:डीआईवी तत्व से परे पाठ छिपाएं

  1. क्या सीमा को अदृश्य सीमा से आगे जाने के लिए वैसे भी है?
  2. क्या यह कई लाइनों में तोड़ना संभव है, या भी बेहतर- प्रत्येक टूटी हुई रेखा के अंत में एक हाइपन के साथ कई लाइनों में तोड़ना संभव है?

सादर,
Rafid

उत्तर

12

आप CSS के साथ ऐसा कर सकते हैं।

क्या सीमा को अदृश्य सीमा से आगे जाने के लिए वैसे भी है?

हाँ: overflow

#yourDivId { 
    overflow: hidden; 
} 

यह संभव कई पंक्तियों में तोड़ने के लिए है

हाँ: word-wrap

#yourDivId { 
    word-wrap: break-word; 
} 
+0

मुझे यकीन नहीं है कि सभी ब्राउज़रों में शब्द-लपेट समर्थित है। –

+0

@ एंड्रयू कूपर: https://developer.mozilla.org/En/CSS/Word-wrap#Browser_compatibility –

+0

@ryanli देखें: मैं सही खड़ा हूं। धन्यवाद। –

1

अपने पहले सवाल का जवाब निम्नलिखित शैली का उपयोग करने के लिए है: वैकल्पिक रूप से

overflow: hidden; 

, यदि आप चाहते हैं आप जिस सामग्री को कर सकते हैं उसे देखने के लिए div में स्क्रॉल करने में सक्षम हो

overflow: auto; 

या

overflow: scroll; 

क्या आप अपने दूसरे प्रश्न में पूछना तुम कुछ जावास्क्रिप्ट आवश्यकता होगी ऐसा करने के लिए।

+0

हां, मैं जावास्क्रिप्ट के साथ ठीक हूं, लेकिन मुझे कैसे पता चलेगा कि पाठ किस सीमा से परे जाने के लिए शुरू होता है? आप जानते हैं, मैं निश्चित फ़ॉन्ट चौड़ाई रखने के लिए कूरियर फ़ॉन्ट का उपयोग नहीं कर रहा हूं (हालांकि मैं इन मानों को कड़ी मेहनत नहीं करना चाहता)। कोई उपाय? – Rafid

+1

नहीं। मुझे अपने साथ खेलना होगा। यह मुझे आश्चर्य नहीं करेगा हालांकि यह एक JQuery प्लगइन में पहले से ही उपलब्ध है। –

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