سی ایس ایس میں متن کو عمودی طور پر کیسے ترتیب دیا جائے۔

باکس کا استعمال کرتے ہوئے بنایا گیا ہے ' 3px 'سرحد اور' 250px 'اونچائی. ' حرف کا سائز ' پراپرٹی قدر کے ساتھ استعمال ہوتی ہے ' 24px فونٹ کو مرئی بنانے کے لیے۔ ہم div a کو تفویض کریں گے ' لکیر کی اونچائی 'کا' 250px اس کے متن کو عمودی طور پر وسط میں سیدھ میں کرنے کے لیے۔ اگلا، ہم استعمال کریں گے ' متن سیدھ مرکز میں متن کو سیدھ میں لانے کے لیے پراپرٹی:

جیسا کہ آپ دیکھ سکتے ہیں، متن کو لائن کی اونچائی کا استعمال کرتے ہوئے عمودی طور پر مرکز کے ساتھ منسلک کیا گیا ہے اور متن کی سیدھ کی خاصیت کے ساتھ مرکز میں افقی طور پر کیا گیا ہے۔

اب اگلے طریقہ کی طرف چلتے ہیں۔

طریقہ 2: CSS میں متن کو عمودی طور پر سیدھ میں لانے کے لیے ڈسپلے اور ایلائن آئٹمز پراپرٹی کا استعمال

' فلیکس باکس ” ایک جہتی لے آؤٹ ہے جو آپ کو HTML فارمیٹ کرنے کی اجازت دیتا ہے۔ آپ اسے اشیاء کو عمودی یا افقی طور پر سیدھ میں لانے کے لیے بھی استعمال کر سکتے ہیں۔

تو آئیے ایک مثال لیتے ہیں اور فلیکس باکس کی مدد سے متن کو عمودی طور پر سیدھ میں لاتے ہیں۔

مثال

سب سے پہلے، ہم اپنے کنٹینر کو 'کی قدر مقرر کرکے لچکدار بنائیں گے۔ ڈسپلے 'جائیداد کے طور پر' فلیکس ' اگلا، استعمال کریں ' سیدھ میں آنے والی اشیاء مرکز میں عمودی طور پر مواد کو ترتیب دینے کی خاصیت۔ مزید یہ کہ، مرکز میں مواد کو افقی طور پر سیدھ میں کرنے کے لیے، ' جواز فراہم کرنا جائیداد استعمال کی جائے گی:

متعین متن کو کامیابی کے ساتھ مرکز میں ترتیب دیا گیا ہے:

ہم نے سی ایس ایس میں متن کو عمودی سیدھ میں لانے سے متعلق طریقے فراہم کیے ہیں۔

نتیجہ

سی ایس ایس میں، متن کو آسانی سے 'کی مدد سے عمودی طور پر منسلک کیا جا سکتا ہے' لکیر کی اونچائی ' جائیداد. آپ بھی استعمال کر سکتے ہیں ' flexbox ' کے ساتھ متن کی عمودی سیدھ کے لیے' ڈسپلے 'اور' سیدھ میں آنے والی اشیاء خصوصیات Flexbox ایک جہتی ترتیب ہے اور اسے صرف اشیاء کی عمودی یا افقی سیدھ کے لیے استعمال کیا جاتا ہے۔ اس پوسٹ نے دو آسان ترین طریقے پیش کیے ہیں جو آپ کو CSS میں متن کو عمودی طور پر سیدھ میں لانے میں مدد کر سکتے ہیں۔