سی ایس ایس اور ایچ ٹی ایم ایل کا استعمال کرکے سکرولنگ متن کے ساتھ ایک باکس بنائیں
ایک ایچ ٹی ایم ایل کتابچہ ایک باکس ہے جس میں سکرٹ سلاخوں کو دائیں طرف اور نچلے حصے میں اضافہ ہوتا ہے جب باکس کے مواد باکس کے طول و عرض سے بڑا ہے. دوسرے الفاظ میں، اگر آپ کے پاس باکس ہے جس میں تقریبا 50 الفاظ ہیں، اور آپ کے پاس 200 الفاظ کا متن ہے، تو آپ HTML اضافی باکس کو اضافی 150 الفاظ کو دیکھنے کے لۓ سکرال بار رکھے جائیں گے. معیاری ایچ ٹی ایم ایل میں صرف باکس کے باہر اضافی ٹیکسٹ کو دھکا دے گا.
ایچ ٹی ایم ایل کی کتاب بنانا کافی آسان ہے. آپ کو اس عنصر کی چوڑائی اور اونچائی کو طے کرنے کی ضرورت ہے جسے آپ سکرال کرنا چاہتے ہیں اور اس کے بعد سی ایس ایس اوور بہاؤ کی پراپرٹی کا استعمال کرنے کے لئے استعمال کریں تاکہ آپ اس طومار کو کیسے ڈھونڈیں.
اضافی متن کے ساتھ کیا کرنا ہے؟
آپ کے لے آؤٹ پر جگہ میں فٹ ہونے کے بجائے آپ کے پاس زیادہ متن ہے، تو آپ کے پاس چند اختیارات ہیں:
- اس متن کو ریفریج کریں تاکہ یہ کم ہو اور فٹ ہوجائے.
- متن کو حد سے باہر بہاؤ کرنے کی اجازت دیتے ہیں اور امید کرتے ہیں کہ ترتیب اس کی حمایت کرنے کے لئے فلیکس کرسکتا ہے.
- اس متن کو کہاں سے پھیلاؤ
- اسکرین سلاخوں کو (عام طور پر متن کے لئے عمودی) شامل کریں تاکہ اس جگہ کو اضافی متن دکھائے جائیں.
بہترین اختیار عام طور پر آخری اختیار ہے: ایک طومار کرنے والا متن باکس بنائیں. پھر اضافی ٹیکسٹ بھی پڑھا جا سکتا ہے، لیکن آپ کا ڈیزائن متفق نہیں ہے.
اس کے لئے HTML اور CSS:
اوور بہاؤ: آٹو؛ براؤزر کو سلاخوں کی سلاخوں کو شامل کرنے کے لئے بتاتا ہے اگر وہ ڈی ڈی کی حدوں کو بہاؤ سے متن رکھنے کے لئے ضروری ہے. لیکن اس کے لئے کام کرنے کے لئے، آپ کو چوڑائی اور اونچائی طرز خصوصیات کو ڈی ڈی پر مقرر کرنے کی ضرورت ہے، تاکہ اس سے کہیں زیادہ حد ہو.
آپ اوور بہاؤ کو تبدیل کرکے متن کو بھی کاٹ سکتے ہیں: آٹو؛ زیادہ سے زیادہ بہاؤ: پوشیدہ ؛. اگر آپ بہاؤ پراپرٹی کو چھوڑ دیں تو، ٹیک ڈی کے حدود میں اضافہ ہو جائے گا.
آپ صرف متن سے زیادہ سکرال بار شامل کرسکتے ہیں
اگر آپ کی ایک بڑی تصویر ہے جسے آپ چھوٹے جگہ میں ڈسپلے کرنا چاہتے ہیں تو آپ اس کے ارد گرد اسکرین سلاخوں کو بھی شامل کرسکتے ہیں جس طرح آپ متن کے ساتھ کریں گے.
اس مثال میں، 400x509 تصویر 300x300 پیراگراف کے اندر اندر ہے.
میزیں سکرال سلاخوں سے فائدہ اٹھا سکتے ہیں
معلومات کی لمبی میزیں بہت جلدی پڑھنے کے لئے بہت مشکل ہوسکتے ہیں، لیکن ان کے محدود سائز کے اندر ڈالنے اور پھر بہاؤ پراپرٹی کو شامل کرکے، آپ کو بہت سے اعداد و شمار کے ساتھ میزیں پیدا کر سکتے ہیں جو آپ کے صفحے پر انتہائی جگہ نہیں اٹھاتے ہیں. .
سب سے آسان طریقہ تصاویر اور متن کے ساتھ ہی ہے، صرف ٹیبل کے ارد گرد ڈی ڈی شامل کریں، اس ڈیوڈ کی چوڑائی اور اونچائی مقرر کریں، اور بہاؤ پراپرٹی شامل کریں:
| نام | فون | ||||
|---|---|---|---|---|---|
| جینیفر | 502-5366 .... جب آپ ایسا کرتے ہیں تو ایک چیز یہ ہوتا ہے کہ افقی طومار بار عام طور پر ظاہر ہوتا ہے کیونکہ براؤزر فرض کرتا ہے کہ کتاب کے بار کی کروم میز پر اوپریپنگ کر رہا ہے. ٹیبل اور دیگر کی چوڑائی کو تبدیل کرنے سے اس کو ٹھیک کرنے کے بہت سے طریقے موجود ہیں. لیکن میری پسندیدہ صرف سی ایس ایس 3 پراپرٹی اوور بہاؤ ایکس کے ساتھ افقی طومار کرنا بند کرنا ہے. بس بہاؤ شامل کریں - x: پوشیدہ؛ ڈیو کو، اور وہ افقی کتاب کے بار کو ہٹا دیں گے. اس آزمائشی کرنے کے لئے اس بات کا یقین کریں، کیونکہ شاید اس کی وجہ سے ہوسکتی ہے. فائر فاکس کی حمایت کرتا ہے TBODY اوور بہاؤ کے لئے ٹیگز استعمال کرتے ہوئےفائر فاکس براؤزر کی ایک بہت اچھی خصوصیت یہ ہے کہ آپ بہاؤ پراپرٹی کو اندرونی ٹیبل ٹیگز پر ٹاک اور مالا یا ٹفٹ پر استعمال کرسکتے ہیں. اس کا مطلب یہ ہے کہ آپ اسکرین سلاخوں کو ٹیبل کے مواد پر سیٹ کرسکتے ہیں، اور ہیڈر کے خلیات ان کے اوپر لنگر رہیں گے. یہ صرف فائر فاکس میں کام کرتا ہے، جو بہت برا ہے، لیکن یہ ایک اچھا خصوصیت ہے اگر آپ کے قارئین کو صرف فائر فاکس کا استعمال ہوتا ہے. میرا مطلب یہ دیکھنے کے لئے فائر فاکس میں اس مثال کو براؤز کریں. <ٹیبل سٹائل = "چوڑائی: 300px؛"> نام | فون | جینیفر | 502-5366 ...
| |