اسپین کی حد متن کی لمبائی سے متعلق بنیادی مسئلہ یہ ہے کہ یہ تراشے ہوئے یا نامکمل پیغامات کا باعث بن سکتا ہے۔ یہ خاص طور پر ان صورتوں میں پریشانی کا باعث ہو سکتا ہے جہاں ظاہر کیا جا رہا متن اہم ہو یا اس میں اہم معلومات ہوں۔ اگر متن بہت لمبا ہے، تو اسے کاٹ دیا جائے گا اور ہو سکتا ہے کہ صارف کے پڑھے جانے پر اس کا کوئی مطلب نہ ہو۔ مزید برآں، اگر متن کو چھوٹا کیا جاتا ہے، تو یہ اپنے مطلوبہ معنی کو ظاہر نہیں کر سکتا اور اس سے الجھن یا غلط تشریح ہو سکتی ہے۔
<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>
1. یہ لائن اسپین کی زیادہ سے زیادہ چوڑائی کو 100px پر سیٹ کرتی ہے:
`
HTML میں 'اسپین' کیا ہے؟
ایچ ٹی ایم ایل عنصر کسی دستاویز میں ان لائن عناصر کو گروپ کرنے کے لیے استعمال ہوتا ہے۔ یہ ایک دستاویز کے اندر ڈھانچہ شامل کرنے کا ایک طریقہ فراہم کرتا ہے، جس سے آپ عناصر کو ایک ساتھ گروپ کر سکتے ہیں اور گروپ شدہ عناصر پر شیلیوں، ترتیب اور صفات کو لاگو کر سکتے ہیں۔ اسپین عنصر ایک ان لائن عنصر ہے اور دستاویز میں کوئی نئی لائن یا بلاک سطح کا عنصر متعارف نہیں کرتا ہے۔
میں متن کو مدت میں کیسے محدود کروں؟
آپ سی ایس ایس کی زیادہ سے زیادہ چوڑائی کی خاصیت کا استعمال کر کے HTML میں اسپین عنصر میں متن کو محدود کر سکتے ہیں۔ یہ خاصیت آپ کو کسی عنصر کے لیے زیادہ سے زیادہ چوڑائی سیٹ کرنے کی اجازت دیتی ہے، اور کوئی بھی متن جو اس چوڑائی سے زیادہ ہو اسے چھوٹا کر دیا جائے گا۔ اس پراپرٹی کو استعمال کرنے کے لیے، اسے اپنی CSS اسٹائل شیٹ میں شامل کریں اور اسے مطلوبہ زیادہ سے زیادہ چوڑائی پر سیٹ کریں:
دورانیہ {
زیادہ سے زیادہ چوڑائی: 200px؛
}
یہ آپ کے صفحہ پر کسی بھی اسپین عناصر کو زیادہ سے زیادہ 200px چوڑائی تک محدود کر دے گا۔ کوئی بھی متن جو اس چوڑائی سے زیادہ ہے اسے بیضوی (…) کے ساتھ چھوٹا کر دیا جائے گا۔
