سی ایس ایس میں ایک نئی لائن پر ٹیکسٹ لپیٹنے کا طریقہ

لمبی تحریریں ویب ڈیزائن کے دوران بے قابو دکھائی دیتی ہیں۔ لیکن وہ ناگزیر بھی ہوسکتے ہیں ، اور بعض اوقات وہ سرحدیں عبور کرتے ہیں۔ یہ ایک غیر ضروری اوور فلو کے ساتھ ڈھیلا دستاویز آبجیکٹ ماڈل (DOM) بنا سکتا ہے جو صارف دوست نہیں ہے۔

لیکن یہاں ایک اچھی خبر ہے: آپ سی ایس ایس کا استعمال کرتے ہوئے ان لمبی تحریروں کو نئی لائن پر لپیٹ کر نمٹ سکتے ہیں۔ یہاں ہم آپ کو دکھائیں گے کہ سی ایس ایس کے ساتھ لمبی ، ٹوٹی ہوئی تحریروں کو کیسے لپیٹا جائے۔

سی ایس ایس ٹیکسٹ ریپ کیسے کام کرتا ہے۔

سی ایس ایس ان بلٹ کا استعمال کرتے ہوئے لمبے لمبے الفاظ سنبھالتا ہے۔ لفظ لفاف یا اوور فلو ریپ جائیداد

ونڈوز ایکس پی پروفیشنل ایڈمنسٹریٹر پاس ورڈ ہیک۔

تاہم ، جب کنٹرول نہیں ہوتا ہے تو ، براؤزر بطور ڈیفالٹ لمبی تحریروں کو سنبھال لیتے ہیں۔ وہ لمبے الفاظ نہیں لپیٹیں گے جب تک کہ انہیں ایسا کرنے کی ہدایات موصول نہ ہو جائیں۔

متعلقہ: DOM کے بارے میں آپ کو کیا جاننے کی ضرورت ہے۔

پہلے بیان کی گئی دو بڑی سی ایس ایس پراپرٹیز اسی طرح کام کرتی ہیں اور آپ انہیں ایک دوسرے کے ساتھ استعمال کرسکتے ہیں۔ تاہم ، وہ چار اقدار یا نحو کو قبول کرتے ہیں:

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

سی ایس ایس ورڈ لپیٹ کا استعمال کرتے ہوئے لمبے الفاظ کو کیسے لپیٹیں۔

الفاظ کو سی ایس ایس کے ساتھ ایک نئی لائن پر لپیٹنا آسان ہے اور کام کرنے کے لیے بوجھل سی ایس ایس موافقت کی ضرورت نہیں ہے۔

مثال کے طور پر ، لمبا۔ h2 نمونہ تصویر میں ٹیکسٹ کنٹینر کے اندر ٹیکسٹ بارڈر لائن کو عبور کرتا ہے۔

آئیے دیکھتے ہیں کہ ہم اسے استعمال کرتے ہوئے اگلی لائن پر کیسے لپیٹ سکتے ہیں۔ لفظ لفاف سی ایس ایس پراپرٹی:

ایچ ٹی ایم ایل :

  
This-div-contains-the-long-h2-lorem-text-demonstrated-in the image above

سی ایس ایس :

.wrap-it{  
word-wrap: break-word;  
}

لمبا لپیٹنے کے بعد۔ h2 نمونہ تصویر میں متن ، یہاں آؤٹ پٹ ہے:

یہی ہے! اب آپ جانتے ہیں کہ سی ایس ایس کا استعمال کرتے ہوئے اپنے DOM میں الفاظ کو ایک نئی لائن پر کیسے لپیٹنا ہے۔

فیس بک سے اطلاعات کو کیسے ہٹایا جائے

متعلقہ: سی ایس ایس سلیکٹرز کا استعمال کرتے ہوئے ویب پیج کے حصے کو کیسے نشانہ بنایا جائے۔

تاہم ، جیسا کہ پہلے کہا گیا ہے ، لفظ لفاف اور اوور فلو ریپ اسی طرح کام کریں اور اسی طرح کی خصوصیات کو قبول کریں۔

استمال کے لیے اوور فلو ریپ اس کے بجائے ، صرف تبدیل کریں لفظ لفاف اس کے ساتھ.

ویب پیج پر الفاظ کو لپیٹنا ضروری ہے۔

اپنے ویب پیج میں مزید جمالیات شامل کرنے کے علاوہ ، ریپنگ ٹیکسٹس DOM کو کمپیکٹ کرتا ہے۔ یہاں تک کہ اگر آپ کنٹرول کرتے ہیں کہ آپ کے مواد کے سیکشن میں کیا جاتا ہے ، صارفین لنکس یا دوسرے الفاظ پوسٹ کرسکتے ہیں جو آپ کے ٹیکسٹ کنٹینر یا آپ کے پورے DOM میں فٹ نہیں ہوتے ہیں۔

لہذا ، DOM کو برقرار رکھنے کے لیے ایسے سیکشن میں ٹیکسٹ ریپ لگانا ضروری ہے۔

آن لائن انسٹاگرام پر ڈی ایم کیسے چیک کریں

بانٹیں بانٹیں ٹویٹ ای میل۔ ایچ ٹی ایم ایل اور سی ایس ایس میں میڈیا کے سوالات کو کس طرح قبول ویب سائٹس بنانے کے لیے استعمال کریں۔

اپنی ویب سائٹ کو موبائل آلات پر حیرت انگیز بنانا چاہتے ہیں؟ اب وقت آگیا ہے کہ سی ایس ایس میں میڈیا کے سوالات کا استعمال کیسے کریں۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

پروگرامنگ۔
سی ایس ایس
دستاویز آبجیکٹ ماڈل

مصنف کے بارے میں ایدیسو اومیسولا۔(94 مضامین شائع ہوئے)

ادوو کسی بھی سمارٹ ٹیک اور پیداوری کے بارے میں پرجوش ہے۔ اپنے فارغ وقت میں ، وہ کوڈنگ کے ساتھ کھیلتا ہے اور جب وہ بور ہوتا ہے تو شطرنج بورڈ پر سوئچ کرتا ہے ، لیکن اسے تھوڑی دیر میں معمول سے الگ ہونا بھی پسند ہے۔ لوگوں کو جدید ٹیکنالوجی کے راستے دکھانے کا ان کا جذبہ انہیں مزید لکھنے کی ترغیب دیتا ہے۔

Idowu Omisola سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔