Skip to main content

سی ایس ایس اور ایچ ٹی ایم ایل کا استعمال کرتے ہوئے سکرولنگ متن کے ساتھ ایک باکس بنائیں

میکرو ٹک کے لاگ ان پیج کو ایچ ٹی ایم ایل (HTML) سے بنانا اور لگانا (مئی 2024)

میکرو ٹک کے لاگ ان پیج کو ایچ ٹی ایم ایل (HTML) سے بنانا اور لگانا (مئی 2024)
Anonim

ایک ایچ ٹی ایم ایل کتابچہ ایک باکس ہے جس میں سکرٹ سلاخوں کو دائیں طرف اور نچلے حصے میں اضافہ ہوتا ہے جب باکس کے مواد باکس کے طول و عرض سے بڑا ہے. دوسرے الفاظ میں، اگر آپ کے پاس باکس ہے جس میں تقریبا 50 الفاظ ہیں، اور آپ کے پاس 200 الفاظ کا متن ہے، تو آپ HTML اضافی باکس کو اضافی 150 الفاظ کو دیکھنے کے لۓ سکرال بار رکھے جائیں گے. معیاری ایچ ٹی ایم ایل میں صرف باکس کے باہر اضافی ٹیکسٹ کو دھکا دے گا.

ایچ ٹی ایم ایل کی کتاب بنانا کافی آسان ہے. آپ کو اس عنصر کی چوڑائی اور اونچائی کو طے کرنے کی ضرورت ہے جسے آپ سکرال کرنا چاہتے ہیں اور اس کے بعد سی ایس ایس اوور بہاؤ کی پراپرٹی کا استعمال کرنے کے لئے استعمال کریں تاکہ آپ اس طومار کو کیسے ڈھونڈیں.

اضافی متن کے ساتھ کیا کرنا ہے؟

آپ کے لے آؤٹ پر جگہ میں فٹ ہونے کے بجائے آپ کے پاس زیادہ متن ہے، تو آپ کے پاس چند اختیارات ہیں:

  • اس متن کو ریفریج کریں تاکہ یہ کم ہو اور فٹ ہوجائے.
  • متن کو حد سے باہر بہاؤ کرنے کی اجازت دیتے ہیں اور امید کرتے ہیں کہ ترتیب اس کی حمایت کرنے کے لئے فلیکس کرسکتا ہے.
  • اس متن کو کہاں سے پھیلاؤ
  • اسکرین سلاخوں کو (عام طور پر متن کے لئے عمودی) شامل کریں تاکہ اس جگہ کو اضافی متن دکھائے جائیں.

بہترین اختیار عام طور پر آخری اختیار ہے: ایک طومار کرنے والا متن باکس بنائیں. پھر اضافی ٹیکسٹ بھی پڑھا جا سکتا ہے، لیکن آپ کا ڈیزائن متفق نہیں ہے.

اس کے لئے HTML اور CSS:

متن یہاں ….

The

اوور بہاؤ: آٹو؛

براؤزر کو سلاخوں کی سلاخوں کو شامل کرنے کے لئے بتاتا ہے اگر وہ ڈی ڈی کی حدوں کو بہاؤ سے متن رکھنے کے لئے ضروری ہے. لیکن اس کے لئے کام کرنے کے لئے، آپ کو چوڑائی اور اونچائی طرز خصوصیات کو ڈی ڈی پر مقرر کرنے کی ضرورت ہے، تاکہ اس سے کہیں زیادہ حد ہو.

آپ اوور بہاؤ کو تبدیل کرکے متن کو بھی کاٹ سکتے ہیں: آٹو؛ زیادہ سے زیادہ بہاؤ: پوشیدہ ؛. اگر آپ بہاؤ پراپرٹی کو چھوڑ دیں تو، ٹیک ڈی کے حدود میں اضافہ ہو جائے گا.

آپ صرف متن سے زیادہ سکرال بار شامل کرسکتے ہیں

اگر آپ کی ایک بڑی تصویر ہے جسے آپ چھوٹے جگہ میں ڈسپلے کرنا چاہتے ہیں تو آپ اس کے ارد گرد اسکرین سلاخوں کو بھی شامل کرسکتے ہیں جس طرح آپ متن کے ساتھ کریں گے.

شاستا کھیلی کھیل

اس مثال میں، 400x509 تصویر 300x300 پیراگراف کے اندر اندر ہے.

میزیں سکرال سلاخوں سے فائدہ اٹھا سکتے ہیں

معلومات کی لمبی میزیں بہت جلدی پڑھنے کے لئے بہت مشکل ہوسکتے ہیں، لیکن ان کے محدود سائز کے اندر ڈالنے اور پھر بہاؤ پراپرٹی کو شامل کرکے، آپ کو بہت سے اعداد و شمار کے ساتھ میزیں پیدا کر سکتے ہیں جو آپ کے صفحے پر انتہائی جگہ نہیں اٹھاتے ہیں. .

سب سے آسان طریقہ تصاویر اور متن کے ساتھ ہی ہے، صرف ٹیبل کے ارد گرد ڈی ڈی شامل کریں، اس ڈیوڈ کی چوڑائی اور اونچائی مقرر کریں، اور بہاؤ پراپرٹی شامل کریں:

….
نامفون
جینیفر502-5366

جب آپ ایسا کرتے ہیں تو ایک چیز یہ ہوتا ہے کہ افقی طومار بار عام طور پر ظاہر ہوتا ہے کیونکہ براؤزر فرض کرتا ہے کہ کتاب کے بار کی کروم میز پر اوپریپنگ کر رہا ہے. ٹیبل اور دیگر کی چوڑائی کو تبدیل کرنے سے اس کو ٹھیک کرنے کے بہت سے طریقے موجود ہیں. لیکن میری پسندیدہ صرف سی ایس ایس 3 پراپرٹی کے ساتھ افقی سکرومنگ بند کرنا ہے

بہاؤ - ایکس

. بس شامل کریں

بہاؤ - x: پوشیدہ؛

ڈیو کو، اور وہ افقی کتاب کے بار کو ہٹا دیں گے. اس آزمائشی کرنے کے لئے اس بات کا یقین کریں، کیونکہ شاید اس کی وجہ سے ہوسکتی ہے.

فائر فاکس کی حمایت کرتا ہے TBODY اوور بہاؤ کے لئے ٹیگز استعمال کرتے ہوئے

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

نامفون
جینیفر502-5366