निम्नलिखित सभी आवश्यक हैं, इसलिए पाठ को एक ही सीधी रेखा में होना चाहिए जो एक बॉक्स को ओवरफ्लो करता है जहां वह अतिप्रवाह छिपा हुआ है।
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन बेसिक ओवरफ्लो एलिप्सिस देखें।
उपयोग में निर्धारित चौड़ाई पर ध्यान दें। सार यह है कि तत्व को किसी प्रकार की निर्धारण चौड़ाई की आवश्यकता होती है, जिसे आपको फ्लेक्सबॉक्स के साथ विशेष रूप से सावधान रहना होगा:
देखें कोड थेन पर क्रिस कॉयर (@chriscoyier) द्वारा फ्लेक्सबॉक्स के बारे में आपको पता है पेन थिंग।
लाइनों की एक विशेष संख्या के लिए truncating के लिए खोज रहे हैं?