یہ تحریر Tailwind CSS میں 'اوور فلو' یوٹیلیٹیز پر بریک پوائنٹس اور میڈیا کے سوالات کو لاگو کرنے کے طریقہ کار کی وضاحت کرے گی۔
ٹیل ونڈ میں 'اوور فلو' کے ساتھ بریک پوائنٹس اور میڈیا سوالات کا استعمال کیسے کریں؟
Tailwind میں 'اوور فلو' یوٹیلیٹیز پر مخصوص بریک پوائنٹس اور میڈیا کے سوالات کو لاگو کرنے کے لیے، ایک HTML ڈھانچہ بنائیں۔ پھر، استعمال کریں ' md 'یا' ایل جی ' مطلوبہ کے ساتھ بریک پوائنٹس 'اوور فلو-
مثال
اس مثال میں، ہم استعمال کریں گے 'ایم ڈی' کے ساتھ بریک پوائنٹ 'اوور فلو سکرول' میں افادیت
اس میں اسکرول بارز کو شامل کرنے کے لیے کنٹینر اور انہیں ہمیشہ درمیانی اسکرین کے سائز پر دکھاتا ہے: < جسم >
< div کلاس = 'overflow-auto md:overflow-scroll bg-purple-300 p-4 mx-16 mt-5 h-36 text-justify' >
Tailwind CSS مختلف 'اوور فلو' یوٹیلیٹیز فراہم کرتا ہے، جیسے
'اوور فلو آٹو'، 'اوور فلو-اسکرول'، 'اوور فلو پوشیدہ'، 'اوور فلو-مرئی'
وغیرہ۔ یہ افادیت اس بات کا تعین کرتی ہے کہ ایک مخصوص عنصر مواد کو کیسے ہینڈل کرتا ہے۔
جو کنٹینر کے سائز سے زیادہ ہے۔ ہر یوٹیلیٹی منفرد فعالیت پیش کرتی ہے،
تاہم، ان کا آخری مقصد ایک ہی رہتا ہے، یعنی اوور فلو کو کنٹرول کرنا
منتخب عنصر کا برتاؤ۔
< / div >
< / جسم >
یہاں:
- دی 'اوور فلو آٹو' کلاس کو اسکرول بار کو شامل کرنے کے لیے استعمال کیا جاتا ہے۔ کنٹینر اور انہیں صرف اس وقت دکھائیں جب اسکرولنگ ضروری ہو۔
- دی 'md:overflow-scroll' کلاس اسکرول بار کو شامل کرتی ہے اور انہیں ہمیشہ پر دکھاتی ہے۔ 'ایم ڈی' بریک پوائنٹ (درمیانے اسکرین کا سائز)۔
آؤٹ پٹ:
مندرجہ بالا آؤٹ پٹ کے مطابق، 'اوور فلو' یوٹیلیٹیز پر بریک پوائنٹس اور میڈیا کے سوالات کامیابی سے لاگو کیے گئے ہیں۔
نتیجہ
ٹیل ونڈ میں 'اوور فلو' یوٹیلیٹیز پر بریک پوائنٹس اور میڈیا کے سوالات کو لاگو کرنے کے لیے، استعمال کریں ' sm '،' md 'یا' ایل جی 'مطلوبہ بریک پوائنٹس' اوور فلو-