सीएसएस शब्द-रैपिंग div

Question

मेरे पास 250px की चौड़ाई वाला div है। जब आंतरिक टेक्स्ट उस से बड़ा होता है तो मैं इसे तोड़ना चाहता हूं। Div फ्लोट है: बाएं और अब एक अतिप्रवाह है। मैं स्क्रॉलबार शब्द-रैपिंग का उपयोग करके दूर जाना चाहता हूं। इसे कैसे प्राप्त किया जा सकता है?

<div id="Treeview"> 
<div id="HandboekBox"> 
    <div id="HandboekTitel"> 
     <asp:Label ID="lblManual" runat="server"></asp:Label> 
    </div> 
    <div id="HandboekClose"> 
     <asp:ImageButton ID="btnCloseManual" runat="server" 
      ImageUrl="Graphics/close.png" onclick="btnCloseManual_Click" 
      BorderWidth="0" ToolTip="Sluit handboek" /> 
    </div> 
</div> 
<asp:TreeView ID="tvManual" runat="server" RootNodeStyle-CssClass="RootNode"> 
    <Nodes> 

    </Nodes> 
</asp:TreeView> 
</div> 

सीएसएस:

#Treeview 
{ 
padding-right: 5px; 
width: 250px; 
height: 100%; 
float: left; 
border-right: solid 1px black; 
overflow-x: scroll; 
} 

Answer 1

जैसा कि एंड्रयू ने कहा था, आपका टेक्स्ट बस ऐसा करना चाहिए।

एक उदाहरण है कि मैं सोच सकता हूं कि यह आपके द्वारा सुझाए गए तरीके से व्यवहार करेगा, और यह है कि यदि आपके पास व्हाइटस्पेस संपत्ति सेट है।

देखें अगर आप अपने सीएसएस में निम्नलिखित कहीं नहीं है:

white-space: nowrap 

पाठ एक ही लाइन पर जारी रखने के लिए एक लाइन ब्रेक से बाधित जब तक कारण होगा कि।

ठीक है, मेरी माफ़ी, सुनिश्चित नहीं है कि संपादित या बाद में मार्क-अप जोड़ा गया है (इसे पहले नहीं देखा गया था)।

ओवरफ्लो-एक्स प्रॉपर्टी स्क्रॉल बार दिखाई देने का कारण बन रही है। इसे हटा दें और div उतना ऊंचा हो जाएगा जितना कि यह आपके सभी टेक्स्ट को शामिल करने की आवश्यकता है।

Answer 2

मैं एक छोटे से हैरान हूँ यह है कि अभी नहीं करता है। क्या div के अंदर कोई अन्य तत्व हो सकता है जिसमें 250 से अधिक की चौड़ाई निर्धारित हो?

Answer 3

केवल चौड़ाई और फ्लोट सीएसएस गुणों को सेट करना एक रैपिंग पैनल प्राप्त करेगा। folowing उदाहरण काम ठीक:

<div style="float:left; width: 250px"> 
Pellentesque feugiat tempor elit. Ut mollis lacinia quam. 
Sed pharetra, augue aliquam ornare vestibulum, metus massa 
laoreet tellus, eget iaculis lacus ipsum et diam. 
</div> 

हो सकता है कि वहाँ जगह में अन्य शैलियों कि उपस्थिति को संशोधित कर रहे हैं?

Answer 4

यह क्या शैलियों क्या गाया एचटीएमएल तरह लग रहा है और treeview div के भीतर तत्वों के लिए लागू किया जा रहा है देखे बिना निश्चित कहने के लिए बहुत कठिन है, लेकिन बात यह है कि मुझ पर बाहर कूदता अभी

overflow-x: scroll; 

है

यदि आप इसे हटाते हैं तो क्या होता है?

Answer 5

आप का उपयोग कर सकते हैं:

overflow-x: auto; 

आप में अतिप्रवाह-x 'ऑटो' सेट करते हैं, स्क्रॉल केवल तभी प्रदर्शित होगा जब भीतरी आकार सबसे बड़ी है कि DIV क्षेत्र

Answer 6

या बस का उपयोग

word-wrap: break-word; 

आईई 5.5+, फ़ायरफ़ॉक्स 3.5+, और क्रोम और सफारी जैसे वेबकिट ब्राउज़र में समर्थित है।

Answer 7

कोशिश white-space:normal; यह white-space:nowrap;