CSS में टेक्स्ट को ट्रिम करना

text-overflow
Задание 1

200px चौड़ाई वाला एक div बनाएं। सुनिश्चित करें कि इस div में टेक्स्ट नई लाइन पर न जाए। इस div में लंबा टेक्स्ट डालें, जो इस ब्लॉक की चौड़ाई में फिट न हो। जांचें कि टेक्स्ट ब्लॉक के दाईं ओर से बाहर निकल रहा है।

Задание 2

पिछले कार्य को इस तरह संशोधित करें कि div में टेक्स्ट के बाहर निकलने पर क्षैतिज स्क्रॉल बार दिखाई दे।

Задание 3

पिछले कार्य को इस तरह संशोधित करें कि क्षैतिज रूप से बाहर निकलने वाला टेक्स्ट कटा हुआ दिखे।

Задание 4

पिछले कार्य को इस तरह संशोधित करें कि टेक्स्ट के कटने पर उसके अंत में स्वचालित रूप से एलिप्सिस (तीन बिंदु) जुड़ जाए।

Задание 5

पिछले कार्य को इस तरह संशोधित करें कि div पर माउस ले जाने पर टेक्स्ट एक लाइन में न रहे और div ऊंचाई में फैल जाए, जिससे पूरा टेक्स्ट दिखाई दे।