یہ مضمون CSS کا استعمال کرتے ہوئے عملی مثالوں کے ساتھ div کی صحیح سیدھ کو ظاہر کرتا ہے۔
- CSS کا استعمال کرتے ہوئے Div کو دائیں سیدھ میں کیسے لایا جائے؟
- 'فلوٹ' پراپرٹی کا استعمال
- 'صحیح' پراپرٹی کا استعمال
- فلیکس لے آؤٹ کا استعمال
- گرڈ لے آؤٹ کا استعمال
CSS کا استعمال کرتے ہوئے Div کو دائیں سیدھ میں کیسے لایا جائے؟
ڈویلپر ہر div عنصر یا تصویر کو اس طریقے سے سیدھا کر سکتا ہے جو ویب سائٹ کو مزید دلکش بناتا ہے۔ ان کی اعلی لچک کی وجہ سے، div عناصر کو ویب صفحہ پر کئی طریقوں سے استعمال کیا جا سکتا ہے جیسے صفحہ کے حصوں کی وضاحت، کالم بنانا، اور متعلقہ مواد کے سیٹ ریپ کرنا۔
Div کو دائیں سیدھ میں لانے کے لیے درج ذیل طریقوں پر عمل کریں:
طریقہ 1: 'فلوٹ' پراپرٹی کا استعمال
HTML فائل میں، ایک div بنائیں اور اسے 'کی کلاس تفویض کریں۔ سیدھ سے دائیں ' اس کلاس اور div کو اس مضمون میں استعمال کیا گیا ہے۔
< div کلاس = 'دائیں سے سیدھ کریں' >
< ص > یہ کچھ مواد ہے۔ < / ص >
< / div >
اب، اس div کلاس کو منتخب کریں ' سیدھ سے دائیں اور CSS پراپرٹیز تفویض کریں۔ ان خصوصیات کو بہتر تصور کے لیے استعمال کیا جاتا ہے:
.دائیں سے سیدھ کریں۔ {
float: حق
پیڈنگ: 10px؛
پس منظر- رنگ : گرم گلابی؛
}
مندرجہ بالا کوڈ میں، ' تیرنا پراپرٹی دائیں طرف رکھی گئی ہے۔ یہ ویب پیج پر div کو صحیح سمت میں تیرتا یا منتقل کرتا ہے۔ پیڈنگ اور پس منظر کے رنگ کی خصوصیات 'پر سیٹ ہیں 10px 'اور' گرم گلابی 'بالترتیب.
مندرجہ بالا کوڈ کا ٹکڑا مرتب کرنے کے بعد، ویب صفحہ اس طرح نظر آتا ہے:
مندرجہ بالا آؤٹ پٹ اس بات کی تصدیق کرتا ہے کہ div صحیح سمت میں چلتا ہے۔
طریقہ 2: 'صحیح' پراپرٹی کا استعمال
CSS میں، div کلاس کو منتخب کریں اور سیٹ کریں ' صحیح ” پراپرٹی کو 0۔ یہ یقینی بناتا ہے کہ دائیں جانب سے منتخب کردہ div کا فاصلہ صفر کے برابر ہے۔ پھر سیٹ کریں ' پوزیشن ' جائیداد کو ' مطلق div پوزیشن کو درست کرنے کے لیے۔ آخر میں، بہتر تصور کے لیے کچھ اسٹائل کی خصوصیات کا اطلاق کریں:
.دائیں سے سیدھ کریں۔{
حق: 0 ;
پوزیشن: مطلق؛
پیڈنگ: 10px؛
پس منظر- رنگ : درمیانہ جامنی
}
کوڈ پر عمل کرنے کے بعد ویب صفحہ اس طرح لگتا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ div اب دائیں سیدھ میں ہے۔
طریقہ 3: فلیکس لے آؤٹ کا استعمال
فلیکس سب سے موثر طریقہ ہے، اور یہ ونڈو کا سائز تبدیل کرنے کے دوران ترتیب کو برقرار رکھتا ہے۔ Div کو سی ایس ایس کا استعمال کرتے ہوئے دائیں سیدھ میں کیا جا سکتا ہے۔ فلیکس لے آؤٹ خصوصیات فلیکس لے آؤٹ مختلف مقاصد کے لیے بہت سی خصوصیات پر مشتمل ہے۔
ایچ ٹی ایم ایل فائل میں پیرنٹ ڈیو بنائیں اور اس کے اندر دو بہن بھائی ڈیو بنائیں۔ نیز، ہر ایک div کو ایک منفرد کلاس تفویض کریں:
< div کلاس = 'دائیں سے سیدھ کریں' >< div کلاس = 'بائیں موافق' >
< ص > یہ کچھ اور ہے۔ مواد .< / ص >
< / div >
< div کلاس = 'دائیں موافق' >
< h1 > Linuxhint کی طرف سے ہیلو < / h1 >
< / div >
< / div >
اب اندر '