یہ گائیڈ CSS کا استعمال کرتے ہوئے افقی اور عمودی سیدھ کے طریقہ کار کو ظاہر کرتا ہے۔
سی ایس ایس کا استعمال کرتے ہوئے افقی اور عمودی سیدھ میں کیسے لائیں؟
ڈویلپرز 'افقی' اور 'عمودی' سیدھ کا استعمال کرتے ہیں تاکہ ایک ویب صفحہ پر عناصر کو زیادہ منظم طریقے سے ترتیب دیا جا سکے۔ وہ عناصر، اور مشمولات، پوزیشننگ بٹن یا شبیہیں وغیرہ کو سیدھ میں لانے میں کارآمد ثابت ہو سکتے ہیں۔ بہتر تفہیم کے لیے درج ذیل مثالوں پر عمل کریں:
افقی سیدھ
CSS میں، ٹیکسٹ الائن پراپرٹی کو اس کے بنیادی عنصر کے اندر متن کو افقی طور پر سیدھ میں کرنے کے لیے استعمال کیا جاتا ہے۔ بہتر تفہیم کے لیے درج ذیل کوڈ کے ٹکڑوں کو دیکھیں:
< جسم >
< div کلاس = 'کھاتہ' >
< div کلاس = 'بائیں سیدھ' > لینکس ہنٹ بائیں سیدھ میں ہے۔ < / div >
< div کلاس = 'مرکزی صف بندی' > لینکس ہنٹ سینٹر الائن ہے۔ < / div >
< div کلاس = 'دائیں سیدھ' > لینکس ہنٹ دائیں سیدھ میں ہے۔ < / div >
< / div >
< / جسم >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، والدین ' div ' عنصر کو ایک کلاس وصف کے ساتھ استعمال کیا جاتا ہے جس کی قدر ہوتی ہے ' کھاتہ '
- اگلا، تین چائلڈ عناصر بنائے گئے ہیں اور ہر ایک div کو کلاس وصف تفویض کیا گیا ہے۔
- آخر میں، 'LeftAlign'، 'centerAlign'، اور 'rightAlign' کی اقدار کلاسز کو فراہم کی جاتی ہیں۔
اب، درج ذیل سی ایس ایس پراپرٹیز کو 'میں داخل کریں۔