सीएसएस ओवरफ़्लो का उपयोग करते समय: छुपा, मुझे अक्सर पता चला है कि टेक्स्ट की आखिरी पंक्ति आंशिक रूप से कट ऑफ हो जाती है। क्या इसे रोकने के लिए कोई तरीका है ताकि कोई आंशिक रेखाएं दिखाई न दें। लगभग एक लंबवत शब्द-लपेट की तरह।सीएसएस: क्या आप ओवरफ्लो को रोक सकते हैं: पाठ की अंतिम पंक्ति को काटने से छिपा हुआ है?
उत्तर
Rob सही है। मैं एक div बना रहा था जिसमें 11 मीटर की अधिकतम ऊंचाई थी और अतिप्रवाह पाठ की आखिरी पंक्ति केवल आधे थी। सफेद-स्थान: अब्रैप बस उस आखिरी पंक्ति को एक साथ हटा देता है।
मैंने कोशिश की
white-space: nowrap;
और Gaby है कि इस समस्या है भी कारण बनता है भी सही है।
सबसे अच्छा मैं line-height और div ऊंचाई के साथ बेला को था, जब तक सबसे कम लाइनों कट गया के साथ आया था
यह केवल इसलिए काम करता है क्योंकि आपकी अंतिम रेखा एक लंबी लाइन रैपिंग द्वारा बनाई गई थी। यदि इसमें
था, तो यह अभी भी आंशिक रूप से दिखाया जाएगा .. आपको यह सुनिश्चित करने की आवश्यकता है कि div की 'ऊंचाई' को इसकी 'रेखा-ऊंचाई' से बिल्कुल विभाजित किया जा सके .. –
समझ में आता है। मैंने div की ऊंचाई को 11em की तरह कुछ बनाया है। क्या इससे कोई फर्क पड़ता है? –
यह समाधान मेरे लिए काम किया: https://stackoverflow.com/a/17413577/2540428 अनिवार्य रूप से उचित गद्दी के साथ एक आवरण div बनाने और सामग्री को मुख्य div में रखें जहां आप इसकी ऊंचाई संपादित करते हैं और ओवरफ़्लो छुपाते हैं। अधिक जानकारी के लिए लिंक देखें।
आप आवरण div और बहु-स्तंभ सीएसएस का उपयोग कर सकते हैं:
.wrapper {
-webkit-column-width: 150px; //You can't use 100%
column-width: 150px;
height: 100%;
}
समाधान उदाहरण:http://jsfiddle.net/4Fpq2/9/
अद्यतन 2017-09-21
Firefox में इस समाधान अभी भी काम करता है लेकिन क्रोम में तोड़ दिया। हाल ही में क्रोम ने छोटे हिस्सों से ब्रेक कॉलम शुरू किया, यदि आप ऊंचाई सेट करते हैं तो ब्रेक सामग्री भी बंद करें। इस http://jsfiddle.net/4Fpq2/446/ उदाहरण में, मैं अधिकतम ऊंचाई तक हाइट बदलता हूं और अजीब क्रोम व्यवहार दिखाता हूं। यदि आपके पास विचार हैं तो कृपया टिप्पणियों में लिखें।
मेरे लिए काम करता है। :) मैं इसे 'टेक्स्ट-ओवरफ्लो: इलिप्सिस' के साथ काम करने के लिए नहीं मिल सकता, हालांकि। क्या यह संभव है? –
इस विधि में, कोई ओवरफ़्लो नहीं है। इसलिए, टेक्स्ट ओवरफ्लो: इलिप्सिस काम नहीं करेगा। सीएसएस क्षेत्र शायद मदद कर सकते हैं लेकिन: http://caniuse.com/#feat=css-regions :( – stalkerg
बहुत बुरा यह 100% के साथ काम नहीं करता है :( – Swen
दो सीएसएस 3 संपत्ति मौजूद हैं। 1) शब्द-ब्रेक & 2) शब्द-एआरपी
यह भूलें कि ये नई संपत्ति सीएसएस 3 है। ताकि पुराने ब्राउज़र ऐसी संपत्ति का समर्थन न करें।
.class-name {word-break: break-all;}
.class-name {word-wrap: break-word;}
[काम नहीं कर रहा] (http://jsfiddle.net/8takLekq/) आईई, क्रोम, या फ़ायरफ़ॉक्स में। –
एक बार जब आप समझ कैसे column-width
काम, @ stalkerg के जवाब भावना का एक बहुत बनाता है।
column-width कॉलम में सामग्री को विभाजित करता है, इसलिए टेक्स्ट की अंतिम पंक्ति फिट नहीं होगी, इसे अगले कॉलम में ले जाया जाएगा। अब यह चालक कॉलम-चौड़ाई को कंटेनर के रूप में चौड़ा बनाना है। कंटेनर में अतिप्रवाह है: छुपा हुआ, इसलिए दूसरा कॉलम शो नहीं होगा।
.box {
width: 200px;
}
.container {
-webkit-column-width: 200vw;
-moz-column-width: 200vw;
column-width: 200vw;
height: 100%;
}
बस कॉलम-चौड़ाई विशेषता जोड़ें और कंटेनर की चौड़ाई सेट करें, यह काम करेगा।
कि मेरे लिए काम किया:
.wrapper_container{
width: 300px;
height: 200px;
overflow: hidden;
}
.wrapper{
-webkit-column-width: 300px;
column-width: 300px;
height: 100%;
}
- 1. सीएसएस ओवरफ्लो पूर्ण स्थिति के साथ छिपा हुआ
- 2. क्या आप टेक्स्ट में डेटा छिपा सकते हैं?
- 3. आप सूची में बहु-पंक्ति पाठ को लंबवत रूप से कैसे संरेखित कर सकते हैं?
- 4. सीएसएस ओवरफ्लो तालिका पंक्ति स्थिति
- 5. ओवरफ्लो क्या करता है: उल टैग के लिए छिपा हुआ है?
- 6. आप अंतिम गिट एड को कैसे पूर्ववत कर सकते हैं?
- 7. ओवरफ्लो-एक्स छिपा हुआ होने पर केवल क्षैतिज स्क्रॉलिंग को रोकना संभव है?
- 8. क्या आप डिस्क पर स्वैप होने से स्मृति को रोक सकते हैं?
- 9. Django: आप अपने डेटाबेस को मारने से लंबे प्रश्नों को कैसे रोक सकते हैं?
- 10. ओवरफ्लो की प्रदर्शन लागत से कैसे बचें: छुपा हुआ?
- 11. क्या आप अपने एएसपी.NET एप्लिकेशन को बंद करने से रोक सकते हैं?
- 12. क्या आप बैक बटन को तोड़ने के बिना UIWebView में NSURLRequests को रोक सकते हैं?
- 13. क्या आप डिफ़ॉल्ट-पुश को रोक सकते हैं, लेकिन पुल को अनुमति दें?
- 14. हाइचार्ट्स टूलटिप ओवरफ़्लो छिपा हुआ है
- 15. आप एक छिपा डिवाइस का स्वामित्व कैसे ले सकते हैं?
- 16. आप एक महत्वपूर्ण सीएसएस संपत्ति को कैसे हटा सकते हैं?
- 17. फ़ाइल की अंतिम पंक्ति
- 18. सीएसएस टेक्स्ट-ओवरफ्लो इलिप्सिस
- 19. प्रिंट-स्क्रीन द्वारा किसी व्यक्तिगत विंडो को कैप्चर करने से आप कैसे रोक सकते हैं?
- 20. आप अंतिम पंक्ति w/awk कैसे छोड़ते हैं?
- 21. ओवरफ्लो सामग्री ऑटो ओवरफ्लो छुपा हुआ अंदर?
- 22. क्या आप एक्सकोड 4 को अपने एसवीएन भंडार में फ़ाइलों को अनदेखा करने से रोक सकते हैं?
- 23. टेबल पंक्ति, क्या आप ऊंचाई को शून्य पर सेट कर सकते हैं?
- 24. जेएआर EXE के अंदर छिपा हुआ है?
- 25. क्या आप इस 'हैलो वर्ल्ड' प्रोग्राम को समझा सकते हैं?
- 26. हम ओपनएक्स को पेज लोड को अवरुद्ध करने से कैसे रोक सकते हैं?
- 27. तर्क-निर्भर लुकअप - यह कब किया जाता है, क्या खोजा जाता है, और आप इसे कैसे रोक सकते हैं (या रोक सकते हैं)?
- 28. असमर्थित स्वरूपण को हटाने के लिए आप NSTextView में पेस्ट करने में कैसे रोक सकते हैं?
- 29. आप डेटाबेस में पाठ को अंतर्राष्ट्रीय कैसे बनाते हैं?
- 30. सीएसएस शब्द-ब्रेक टेक्स्ट-ओवरफ्लो
एक उदाहरण प्रदान करते हैं? शायद अंतिम तत्व पर लाइन ऊंचाई के साथ गड़बड़ हो सकता है। –
उसका मतलब है कि सामग्री मध्य रेखा में कटौती की जाती है, इसलिए पात्रों का शीर्ष आधा दिखाता है लेकिन नीचे नहीं।AFAIK इसके लिए कोई फिक्स नहीं है, लाइन-ऊंचाई के साथ खराब होने के अलावा (जो किसी भी तरह का क्रॉस ब्राउज़र समाधान नहीं होगा) – Rob
आप ओवरफ़्लो का उपयोग क्यों कर रहे हैं? तैरने के लिए? या क्या आपको वास्तव में बहने वाली चीजों को छिपाने की ज़रूरत है? –